HTML URL Kodlama

Charset, HTML dosyasının baytları harflere nasıl çevirdiğini belirler. URL kodlama (percent-encoding) farklı bir sorundur: karakterlerin bir URL içinde — bağlantılarda, yönlendirmelerde ve form query verisinde — URL’nin kendi yapısını bozmadan nasıl güvenle taşındığı. Boşluklar, ASCII dışı harfler ve ayrılmış semboller, tarayıcılar ile sunucuların anlam üzerinde anlaşması için sıkça % + hex biçimine ihtiyaç duyar.

URL kodlama nedir

Bir URL’nin adresi yapılandıran ayrılmış karakterleri vardır: ? bir query başlatır, & çiftleri ayırır, = adları değerlere bağlar, # bir fragment başlatır. Bu karakterler bir değerin içinde veri olarak geçerse, yapı sanılmamaları için kodlanmalıdır. Boşluk gibi güvenli olmayan karakterler de güvenilir taşıma için kodlanır.

Doğrudan cevap

URL kodlama, bir karakteri % ve ardından iki onaltılık basamakla değiştirir. Klasik örnek: boşluk %20 olur. Birçok tarayıcı ve HTML formu, gönderirken query değerlerini otomatik kodlar. Yine de href query dizelerini elle yazarken, bozuk bir bağlantıyı ayıklarken veya percent-kodlarla dolu bir adres çubuğunu okurken bu fikre ihtiyacınız vardır.

Yaygın percent kodlamalar

Bir bağlantıda kodlanmış query

Boşluk içeren bir arama query’sini elle yazmak, yeni başlayanlar için en net demoyu verir. Değerdeki boşluğu kodlayın; yapısal ? ve = işaretlerini olduğu gibi bırakın.

Örneği okumak

• search.html yoldur; kontrol sizdeyken yol dosya adlarını basit tutun
• ?q= adı q olan bir query parametresi başlatır
• html%20links, boşluğu %20 olarak kodlanmış “html links” değeridir
• Görünür bağlantı metni insan tarafından okunabilir kalabilir; kodlama URL’ye aittir

Temiz dosya adlarını tercih edin; değerleri kodlayın

Boşluk içeren bir sayfa dosya adının tamamını kodlamak herkes için zahmetlidir. my page.html yerine my-page.html tercih edin. Percent-encoding’i esas olarak query değerleri ve elle birleştirmeniz gereken URL’lerdeki özel karakterler için kullanın.

Formlar ve tarayıcılar çoğu zaman yardımcı olur

Kullanıcı method="get" ile bir HTML formu gönderdiğinde, tarayıcılar alan değerlerini genellikle sizin için query dizesine kodlar. Bu, günlükleri okurken, bağlantı paylaşırken veya href’i elle yazarken %20’yi anlama ihtiyacını ortadan kaldırmaz. Kalıbı bilmek ayıklamayı hızlandırır.

HTML varlıklarıyla aynı şey değildir

HTML metninde &, ampersand karakteri için bir varlıktır. Bir URL’de veri olan bir ampersand %26 olarak görünebilir. Farklı araçlar, farklı bağlamlar. Aynı şekilde UTF-8 dosya charset’i .html dosyasını çözmekle ilgilidir — URL’ler içindeki percent-encoding’in yerini almaz.

URL’lerde ASCII dışı (yeni başlayan notu)

Temel ASCII dışındaki harfler gerçek adreslerde daha uzun percent-dizileri olarak görünebilir. Bu oturumda o tabloları ezberlemeniz gerekmez. Kuralı unutmayın: bir karakter veri olarak güvenli değilse veya ayrılmışsa, URL’lerin onu taşıma yolu percent-encoding’dir. Öğrenme sayfalarında, rahat edene kadar demo query’leri basit Latin artı %20 ile tutun.

Editörünüzde pratik

1. href’inde ?q=hello%20world gibi bir query bulunan bir bağlantı oluşturun.
2. Bağlantıyı açın ve adres çubuğunu gözlemleyin.
3. Kaynakta %20’yi ham bir boşlukla değiştirin, yenileyin ve tarayıcının URL’yi nasıl normalize ettiğini veya bozduğunu karşılaştırın.
4. Bir pratik dosyasını boşluk yerine tire kullanacak şekilde yeniden adlandırın ve bağlantıları güncelleyin.
5. Verinin parçası bir ampersand olsaydı %26 gerektirecek bir query değeri yazın — ardından parametreler arasındaki yapısal &’yi kodlamadığınızı doğrulayın.

Kolay hatalar

• Kodda sonuç kontrol etmeden URL’lere ham boşluk yapıştırmak
• Yanlışlıkla https:// şemasını veya tüm yapısal iskeleti percent-kodlamak
• HTML varlıklarını (&) URL kodlarıyla (%26) karıştırmak
• Her dosya adına boşluk koyup kodlamanın gezinmeyi sonsuza dek kurtaracağını ummak
• Parçalar arasında URL sözdizimi olarak kalması gereken yapısal ? / & / = işaretlerini kodlamak

Özet

• URL kodlama % artı iki hex basamak kullanır (boşluk → %20)
• Ayrılmış ve güvenli olmayan karakterler veri olduklarında kodlanmalıdır
• Basit dosya adlarını tercih edin; elle yazarken query değerlerini kodlayın
• Formlar ve tarayıcılar gönderimde çoğu zaman otomatik kodlar
• Percent-encoding, HTML varlıkları veya dosya charset’i ile aynı iş değildir