HTML5'te Karakter Kodlaması için Meta Karakter Kümesi Etiketleri Nasıl Kullanılır?

tanıtımından önce HTML5, bir öğeye sahip bir belgede karakter kodlamasını ayarlamak, aşağıda görülen biraz ayrıntılı satırı yazmanızı gerektiriyordu. Bu, web sayfanızda HTML4 kullanıyorsanız Meta Karakter kümesi öğeleridir:


Bu kodda dikkat edilmesi gereken önemli nokta, işaretlerin çevresinde gördüğünüz tırnak işaretleridir. içerik nitelik: içerik="metin/html; karakter kümesi=iso-8859-1". Tüm HTML öznitelikleri gibi, bu tırnak işaretleri de özniteliğin değerini tanımlar ve tüm dizenin metin/html; karakter kümesi=iso-8959-1 bu içerik bu elementin. Bu uygun HTML'dir ve bu dizenin yazılma şekli de budur. Aynı zamanda hantal uzun ve çirkin! Aynı zamanda aklınızın ucundan bile geçmeyecek bir şey değil!

Çoğu durumda, web geliştiricileri bu kodu bir siteden geliştirdikleri herhangi bir yeni siteye kopyalayıp yapıştırmak zorunda kalacaklardı çünkü bunu sıfırdan yazmak çok şey istiyordu.

HTML5 Ekstra "Öğeleri" Keser

HTML5, dile yalnızca bazı yeni öğeler eklemekle kalmadı, aynı zamanda Meta Karakter kümesi öğesi de dahil olmak üzere HTML sözdiziminin çoğunu büyük ölçüde basitleştirdi. HTML5 ile, çok daha kolay hatırlanması gereken sözdizimi ile karakter kodlamanızı ekleyebilirsiniz.

instagram viewer
META aşağıda gördüğünüz eleman:


Bu basitleştirilmiş söz dizimini bu makalenin başında yazdıklarımızla, HTML4 için kullanılan eski sözdizimiyle karşılaştırın ve HTML5 sürümünü yazmanın ve hatırlamanın ne kadar kolay olduğunu göreceksiniz. Bunu mevcut bir siteden üzerinde çalıştığınız herhangi bir yeni siteye kopyalayıp yapıştırmak yerine, bu kesinlikle bir ön uç web geliştiricisi olarak hatırlayabileceğiniz bir şeydir. Bu zaman tasarrufu çok fazla olmayabilir, ancak HTML5'in basitleştirdiği diğer sözdizimi alanlarını düşündüğünüzde, tasarruflar artıyor!

Her Zaman Karakter Kodlamasını Dahil Et

Hiç kullanma niyetiniz olmasa bile, web sayfalarınız için her zaman karakter kodlaması eklemelisiniz. özel karakterler. Bir karakter kodlaması eklemezseniz, siteniz UTF-7 kullanan bir siteler arası komut dosyası çalıştırma saldırısına karşı savunmasız hale gelir.

Bu senaryoda, bir saldırgan sitenizde tanımlanmış bir karakter kodlaması olmadığını görür ve bu nedenle tarayıcıyı sayfanın karakter kodlamasının UTF-7 olduğunu düşünmesi için kandırır. Ardından, saldırgan UTF-7 kodlu komut dosyalarını web sayfasına enjekte eder ve siteniz saldırıya uğrar. Bu, şirketinizden ziyaretçilerinize kadar ilgili herkes için sorunludur. İyi haber şu ki, kaçınılması gereken basit bir sorun - tüm web sayfalarınıza karakter kodlaması eklediğinizden emin olun.

Karakter Kodlaması Nereye Eklenir?

Bir web sayfasının karakter kodlaması, HTML'nizin ilk satırı olmalıdır.

öğe. Bu, tarayıcının, belge türünü belirlemek ve bunun bir HTML sayfası olduğunu belirlemek dışında sayfada başka bir şey yapmadan önce karakter kodlamasının ne olduğunu bilmesini sağlar. HTML'niz şunları okumalıdır:




...

Ekstra Güvenlik için HTTP Başlıklarını Kullanma

HTTP başlıklarında karakter kodlamasını da belirtebilirsiniz. Bu, HTML sayfasına eklemekten daha güvenlidir, ancak sunucu yapılandırmalarına veya .htaccess'e erişiminiz olması gerekir. Bu, bu tür bir erişim elde etmek için web sitenizin barındırma sağlayıcısıyla çalışmanız veya değişiklik yapmalarını sağlamanız gerekebileceği anlamına gelir. sen. Buradaki zorluk erişimdir. Değişikliğin kendisi basittir, bu nedenle herhangi bir barındırma sağlayıcısı bu değişikliği sizin için nispeten kolaylıkla yapabilmelidir.

kullanıyorsanız Apaçi, şunu ekleyerek sitenizin tamamı için varsayılan karakter kümesini ayarlayabilirsiniz: AddDefaultCharset UTF-8 senin köküne .htaccess dosya. Apache'nin varsayılan karakter seti ISO-8859-1.

instagram story viewer