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 haldebulmak 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 sorunsuzolarak ç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:

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

 

Doğru kullanım:

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

2- “TYPE” Parametresini Kullanın

Style, Script ve Object gibi etiketlerde, “type” parametresi mutlaka kullanılmalıdır.
Hatalı kullanım:

<link rel="stylesheet" href="style.css"/>
<script src="/js/jquery.js"></script>

Doğru kullanım:

<link type="text/css" rel="stylesheet" href="style.css"/>
<script type="text/javascript" src="/js/jquery.js"></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:

<b><i>OKAN ISIK</b></i>

Doğru kullanım:

<b><i>OKAN ISIK</i></b>

4- XHTML Uyumlu Bağlantılar

Bağlantılarınızda “title” belirtmeniz gerekiyor.
Hatalı kullanım:

<a href="http://www.okandiyebiri.com/">OKAN</a>

Doğru kullanım:

<a href="http://www.okandiyebiri.com/" title="başlık">OKAN</a>

5- XHTML Uyumlu Resimler

Resimlerinizde mutlaka “alt” belirtmelisiniz.
Hatalı kullanım:

<img src="logo.png"/>

Doğru kullanım:

<img src="logo.png" alt="açıklama"/>

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:

<img src="resim.jpg" alt="açıklama">

Doğru kullanım:

<img src="resim.jpg" alt="açıklama"/>

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:

<td width=100%></td>

Doğru kullanım:

<td width="100%"></td>

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:

<td width="100px" height="300px"></td>

Doğru kullanım:

<td class="genislik-yukseklik"></td>

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:

<SPAN><i>OKAN ISIK<İ></span>

Doğru kullanım:

<span><i>OKAN ISIK</i></span>

10- CLASS ve ID kullanımı

En önemli unsurlardan biriside CLASS ve ID kullanımıdır.

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:

<h2>OKAN & ISIK </h2>

Doğru kullanım:

<h2>OKAN &amp; ISIK </h2>

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.