HTML URL Kodlaması

Hazırlayan: Mahmut Ersoy

HTML URL KODLAMASI NEDİR?

HTML'de URL kodlaması, bir web sayfasının başka bir web sayfasına veya kaynağa (örneğin resim veya video) bağlantı vermek için kullanılan bir öğedir. Bu, kullanıcının tıkladığı bağlantıya gitmek için kullanılan adresi belirlemeye yardımcı olur.

Bir bağlantı oluşturmak için, HTML kodunda a etiketi kullanılır. Bu etiketin href özelliği, bağlantının hedefini belirler. Örneğin, aşağıdaki kod örneği bir bağlantı oluşturur:

 <a href="https://www.example.com">Örnek Bağlantı</a>

Bu örnekte, "http://www.example.com" URL'si, bağlantının hedefi olarak belirlenir. Kullanıcı tıkladığında, tarayıcı bu URL'yi açar.

URL'ler genellikle web sayfalarının kaynaklarını tanımlamak için de kullanılır. Örneğin, bir resim eklemek istiyorsanız, <img> etiketi kullanabilir ve src özelliğine URL'yi belirtebilirsiniz. Örneğin:

<img src="http://www.example.com/images/example.jpg" alt="Örnek Resim">

Bu örnekte, "http://www.example.com/images/example.jpg" URL'si, resmin kaynağı olarak belirlenir. Tarayıcı, bu URL'yi kullanarak resmi yükler ve görüntüler.

HTML URL kodlaması, web sayfalarının içeriğini ve yapısını belirlemek için temel bir araçtır ve web geliştiricileri tarafından sıklıkla kullanılır.

URL Kodlaması Ne Anlama Gelir?

URL kodlaması, yazdırılamayan veya özel karakterleri web sunucuları ve tarayıcılar tarafından evrensel olarak kabul edilen bir biçime dönüştüren bir mekanizmadır.

Bilgilerin kodlanması Tekdüzen Kaynak Adlarına (URN'ler), Tekdüzen Kaynak Tanımlayıcılarına (URI'ler) ve Tekdüzen Kaynak Konumlandırıcılarına (URL'ler) uygulanabilir ve URL'deki seçilen karakterlerin yerine yüzde karakteri ve iki karakterden oluşan bir veya daha fazla karakter üçlüsü gelir onaltılık basamaklar.

Karakter üçüzlerindeki onaltılık basamaklar, değiştirilen karakterlerin sayısal değerini temsil eder. URL kodlaması, HTTP isteklerinde HTML form verisi gönderimlerinde yaygın olarak kullanılmaktadır. 

URL kodlaması aynı zamanda yüzde kodlaması olarak da bilinir. 

URL kodlaması için, genellikle karakter dizesinin UTF-8 kodlaması ile bir bayt dizisine dönüştürülmesinden ve ardından ASCII olmayan bir karakter olan her baytın “% HH” değerine dönüştürülmesinden oluşan iki adımlı bir işlem izlenir. HH, değiştirilen baytın karşılık gelen onaltılı gösterimidir. 

URL kodlaması, ASCII olmayan karakterlerin internet üzerinden iletilebilecek bir biçime dönüştürülmesine yardımcı olabilir.

ASCII Kodlama Örnekleri

Tarayıcınız, sayfanızda kullanılan karakter grubuna göre girişi kodlayacaktır.

HTML5'teki varsayılan karakter seti UTF-8'dir.

Link Vermek

Türkçe karakter içeren sayfa adresleri veya Latin olmayan alfabelerle oluşturulmuş sayfalara linkler verirken, URL'leri kodlamak gerekir. Bu, özel karakterleri kodlu biçimde yerleştirerek URL'nin doğru şekilde çalışmasını sağlar. İşte bazı örnekler: 

Punycode kullanarak URL kodlama:

1. Punycode, Unicode karakterlerini ASCII karakterlerine dönüştürmek için kullanılan bir yöntemdir. Örneğin, "www.örnek.com" URL'si Punycode kullanılarak "www.xn--rnek-5qa.com" şekline dönüştürülebilir. Bu şekilde, URL kodlama sorunları önlenir ve bağlantı doğru çalışır.

URL kodlama araçları kullanarak URL kodlama:

2. Birçok online URL kodlama aracı mevcuttur ve bunları kullanarak URL'leri kolayca kodlayabilirsiniz. Bu araçlar, URL'nin özel karakterlerini kodlu biçimde yerleştirmenizi sağlar. Örneğin, "www.örnek.com" URL'si "%77%77%77.%C3%B6rnek.com" şeklinde kodlanabilir.

URL'leri kısaltmak:

3. URL'leri kısaltmak, özel karakterlerin kullanımını azaltabilir ve bağlantının daha okunaklı hale gelmesini sağlar. Bu yöntem için birçok web sitesi mevcuttur, örneğin "Bitly". Bu web siteleri, URL'leri kısaltarak, hem bağlantıları daha okunaklı hale getirir hem de özel karakterlerin kullanımını azaltır.

Unutmayın, URL'leri doğru şekilde kodlamanız önemlidir, aksi takdirde bağlantı doğru çalışmayabilir.