W3C – XHTML Hataları ve Çözümleri

Biliyoruz ki sitelerimizin W3C standartlarına uygun olması arama motorları tarafından sitemizin sevilmesini sağlıyor. Sitelerimizi W3C standartlarına uygun yaparsak sitemize büyük fayda sağlayacaktır. Sitelerimizi XHTML web biçimleme diliyle W3C standartlarına uygun yapabiliriz.XHTML web biçimleme dili W3C standartları tavsiyesidir. XHTML web biçimleme dilini biraz açalım. XHTML açılımı: EXtensible HyperText Markup Language (Genişleyebilir Hiper Metin Anlamlandırma Dili). XHTML, HTML dili yerine kurulmuş ve onun yerine kullanılmaktadır. Temiz, düzenli ve gereksiz kodlardan arınmış HTML yazımını sağlar. Aşağıda W3C uyumluluk sorununu ve çözümlerini maddeler halinde verdim.

Etiketleri İç İçe Kapatın

HTML ile etiketleri iç içe kapatma diye bir şey yok. Ama XHTML ile etiketleri ve parametreleri iç içe kapatma zorunluluğumuz var. Bu işlemi siteniz üzerinde gerçekleştirmediğiniz zaman sitenizin W3C standartları uyumluluğunu sorgulattırırken daima hata verir.

Hatalı Kod: <b><i> Etiketleri İç İçe Kapatmak </b></i>

Doğru Kod: <b><i> Etiketleri İç İçe Kapatmak </i></b>

Etiket ve Parametre İsimlerini Küçük Harflerle Yazın

HTML ile etiket ve parametre isimlerini küçük-büyük harflerle yazsak birşey olmuyordu. XHTML ile etiket ve parametre isimlerini küçük harflerle girmek zorundayız.

Hatalı Kod: <SPAN title="Açıklama"><B> Etiketleri ve Parametreleri Küçük Harflerle Yazmalıyız </b></SPAN>

Doğru Kod: ><span title="Açıklama"><b> Etiketleri ve Parametreleri Küçük Harflerle Yazmalıyız </b></span>

XHTML Etiketlerini Kapatın

HTML ile aşağıdaki hatalı kodda gördüğünüz gibi yapıyorduk. Ama XHTML web biçimleme dili ile TÜM etiketleri kapatmak zorundayız. Örneğini aşağıdaki Doğru Kodda görebilirsiniz.

Hatalı Kod: <img src="resim.gif" alt="açıklama">

Doğru Kod: <img src="resim.gif" alt="açıklama" />

XHTML ve W3C Uyumlu Bağlantılar

Sitesinde bağlantı verip W3C uyumluluk sorunu yaşayan bir çok arkadaşımız var. Aşağıda vereceğim bağlantılar tamamen XHTML ve W3C uyumlusudur. Sorun yaşayan arkadaşlarımız sitelerindeki bağlantıları aşağıdaki gibi yaparlarsa hiçbir sorunla karşılaşmayacaklarını göreceklerdir.

<a href="http://www.ugurozer.com">SEO Teknikleri</a>

veya

<a href="http://www.ugurozer.com" title="SEO Teknikleri">SEO Teknikleri</a>

XHTML ve W3C Uyumlu Resim Kodları

En çok hata alınan etiketlerden birisi img etiketidir. Sitenize resim eklerken aşağıdaki XHTML ve W3C tam uyumlusu olan kodları kullanabilirsiniz.

<img src="ugurozer.jpg" alt="SEO Teknikleri" />

DOCTYPE’ı Büyük Harflerle Yazın

DOCTYPE tanımlamasını büyük harfle yazın aksine W3C uyumluluğu olmaz.

Hatalı Kod: <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd" >

Doğru Kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Özellik Değerlerini Tırnaklar İçersinde Girin

Mesela bir td değerine yüksekliği HTML ile tırnaksız girebiliyoruz ama XHTML ile tırnaklar ile girmek zorundayız.

Hatalı Kod: <td height=100%>

Doğru Kod: <td height="100%">

Özellik Değerlerini Ayrı Ayrı Girmeyin

Sitenizde artık etiketlere özel widht yada height vs. gibi attribute kesinlikle girmeyeceksin. Girerseniz hata alırsınız. Bu iki özelliği css dosyasından çağırarak yapacaksınız.

Hatalı Kod: <td widht="100%" height="100%">

Doğru Kod: <td class="genislik_yukseklik">

Not: Arkadaşlar HTML ile XHTML karıştırmayalım lütfen. Sitelerinizin W3C XHTML uyumlusu olup olmadığını XHTML Validator aracıyla görebilirsiniz.

Genelde XHTML hataları yukarıda verdiğim hatalardan oluşuyor. Eğer sizin çözemediğiniz bir hata varsa yorum olarak belirtin. Elimden geldiğince çözümlemeye çalışacağım.