Bu sıralar WordPress tema işlerine fazla zaman ayırdığımdan sık karşılaştığım bazı XHTML hatalarını bu yazımda paylaşmak istedim. İnternette bir çok yerde buna benzer yazılar var, fakat herkes kendi karşılaştığı sorunları yada bildikleri cevapları yazdığından toplu halde bulmak zor. Bende bu yazımda öncelik olarak kendi karşılaştığım sorunlar ile birlikte araştırmalarım sonucu elde ettiğim XHTML hatalatını ve çözümlerini sizlere sunacağım. XHTML hataları gidermesekte, yaptığımız site ya da tema sorunsuz olarak çalışır. Fakat W3C’ün (World Wide Web Consortium) oluşturduğu kodlama kuralları dahilinde yaparsak, arama motorları tarafından daha çok sevileceğiz. Çünkü arama motorlarından gelen BOT‘lar, site kodlamasını daha rahat bir şekilde okuyabilecek. Şimdi lafı daha fazla uzatmadan XHTML kodlama hatalarına geçelim.

1- “DOCTYPE” Mutlaka Büyük Harfle Yazılmalı
Hatalı kullanım:


Doğru kullanım:


2- “TYPE” Parametresini Kullanın
Style, Script ve Object gibi etiketlerde, “type” parametresi mutlaka kullanılmalıdır.
Hatalı kullanım:

<script></script>
Doğru kullanım:

<script></script>


3- Etiketleri İç İçe Kapatın
HTML’de etiketleri iç içe kapatmak zorunda değilsiniz. Ancak XHTML’de böyle bir zorunluluk var.
Hatalı kullanım:
Sinan Yorulmaz
Doğru kullanım:
Sinan Yorulmaz

4- XHTML Uyumlu Bağlantılar
Bağlantılarınızda “title” belirtmeniz gerekiyor.
Hatalı kullanım:
Sinan
Doğru kullanım:
Sinan

5- XHTML Uyumlu Resimler
Resimlerinizde mutlaka “alt” belirtmelisiniz.
Hatalı kullanım:

Doğru kullanım:


6- Etiketleri Mutlaka Kapatın
HTML’de bunu yapmaya gerek yoktu, ancak XHTML kurallarına göre açılan bir etiketi mutlaka kapatmamız gerekiyor.
Hatalı kullanım:

Doğru kullanım:


7- Değerleri Tırnak İçinde Girin
Örneğin HTML’de bir “td” etiketine tırnaksız değer girebiliyoruz. Fakat XHTML buna izin vermiyor.
Hatalı kullanım:

Doğru kullanım:


8-Özellikler İçin Stil Dosyasını Kullanın
Kullandığınız etiketlere “width”, “height” gibi özellikler kesinlikle girmeyin. Bunun yerine bir class yada id belirtin ve stil dosyasından çağırın.
Hatalı kullanım:

Doğru kullanım:


9- Etiket ve Parametreleri Küçük Harfle Yazın
Yine HTML’de sorun yaşatmayan bir durum, XHTML sorun yaşatıyor. XHTML’de tüm etiket ve parametreleti küçük harfle yazmak zorundayız.
Hatalı kullanım:
Sinan Yorulmaz<İ>
Doğru kullanım:
Sinan Yorulmaz

10- CLASS ve ID kullanımı
En önemli unsurlardan biriside CLASS ve ID kullanımıdır. Bu konuda detaylı bilgiyi şu yazımda bulabilirsiniz.

11- &,§,© Gibi Karakterlerin Kullanımı
Bunlarda XHTML valid hatası almanızı sağlayan diğer bir unsur. Bu tür karakterleri yazarken HTML karakter kodları ile yazmalısınız.
Hatalı kullanım:

Sinan & Yorulmaz

Doğru kullanım:

Sinan & Yorulmaz

Elimden geldiğince karşılaştığım sorunları ve karşılaşabileceğiniz sorunları anlatmaya çalıştım. Umarım faydalı bir yazı olmuştur.

Kaynak: http://www.syorulmaz.com/w3c-xhtml-valid-kodlama-hatalari-ve-cozumleri.html