XHTML 26 Haziran 2000'den beri bir web standartıdır.
Sitenizin bu standartlara uygunluğunu görmek için tıklayınız..
Kodlama olarak oldukça büyük farklar yaratan bu dil için:'Xml sözdiziminin Html içinde kullanılması.' diyebiliriz.
Html dilinin farklı tarayıcılarda (Bknz. Internet Explorer, Firefox, Opera) farklı yorumlanması ve sözdiziminde fazla düzensizlik ve hata olduğu için XHTML W3C (World Wide Web Consortium - WWW) tarafından önerilmiştir. XHTML'nin diğer bir özelliğide kodlama yapanları CSS teknolojisini kullanmaya özendirmesidir. (wikipedia)
Bu başlıkta bu hatalara mağruz kalan arkadaşlarımızı hep beraber sitelerinin sorunsuz olması için yardımcı olalım.. Ben bildiğim kadarı ile yardımcı olmaya çalışıcam..
Hatalar ve Çözümleri
1. Kodlamada hiçbir zaman büyük harf kulalnılmamalıdır.
Yanlış:
<SCRIPT type=text/javascript>veya
<BR />vb..
Doğru:
<script type=text/javascript>veya
<br />2. Açılıp-Kapanmaya (<span></span>) gerek olmayan taglar (<br> veya <meta> veya <img> vb..) herzaman "/" işareti ile kapatılmalıdır.
Yanlış:
<br>veya
<meta name="googlebot" content="index, follow">veya
<img alt="" src="RESİM" width="158" height="233">Doğru:
<br />veya
<meta name="googlebot" content="index, follow" />veya
<img alt="" src="RESİM" width="158" height="233" />3. <img> tagları herzaman bu kodu içermelidir ==> alt=""
Yanlış:
<img src="RESİM" width="158" height="233" />Doğru:
<img alt="" src="RESİM" width="158" height="233" />4. <table> veya <td> taglarında hiçbir zaman genişlik (width) ve yükseklik (height) kullanılmaz, onun yerine class="" tagı kullanılır ve genişlik-yüksekliği style.css dosyasından çağırılır.
Yanlış:
<td width="150" height="50"></td>Doğru:
<td class="deneme"></td>style.css dosyanız da ise:
.deneme {
width: 150px;
height: 50px;
}5. valign ile align leri karıştırmayınız.align için kıllanılabilir taglar left - center - right - top vb..
valign için kullanılabilir taglar top - bottom - baseline vb..
Yanlış:
valign="center"Doğru:
valign="top"6. <font> tagı kullanılamaz, onun yerine <span> kullanmalısınız. Tabi <span>'nın içindede yine class tagını..
Yanlış:
<font size="5" color="#000000"></font>Doğru:
<span class="deneme"></span>style.css dosyanız da ise:
.deneme {
font-size:5px;
color:#000000;
}7. <table> <td> ve <tr> taglarına çok dikkat edilmelidir. Onlar arasında biri eksik ya da fazla olsun, bir çok hata oluşur. Bu tagları düzenli olması gerekr, sizlere düzgün bir tablo yapısını örnek vereyim:<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>Bu örnek umarım size yardımcı olur.. Bu düzeni bozduğunuz takdirde hata almanız kaçınılmaz!8. Gelelim en önemli soruna, basit ama önemli. Nedir bu? En çok gördüğüm hata: Herhangi bir tagı açık bırakılmış ya da daha önce hiç açılmamış bir tag kapalı bırakılmış..
Demek istediğim şu.. örneğin
<table> (tabloyu açmak) bunu </table> (tabloyu kapatmak) şeklinde yapmalısınız!
9. Hiçbir zaman "&" bu işareti kullanmayın onun yerine "&" bunu kullanmalısınız! Bu da hataya neden oluyor çünkü.
10. Linkleriniz içindeki target="blank_" genelde hata verir, onun yerine bunu kullanabilirsiniz onclick="target='_blank';" bu hata vermez.
11. <img> tagının içinde hiçbir zaman <align> tagını kullanammalısınız. Hata verir!
Yanlış:
<img alt="" src="RESİM" align="left" width="102" height="55" class="img" />Doğru:
<img alt="" src="RESİM" width="102" height="55" class="img" />12. Tırnaklama işaretlerini kullanmalısınız.
Yanlış:
<img alt="" src="RESİM" width=102 height=55 class=img />kalın kısımdaki yerlere dikkat ediniz.
Doğru:
<img alt="" src="RESİM" width="102" height="55" class="img" />yani neymiş tırnak işaretlerini unutmuyormuşuz.
13. Kodlama da küçük harf kullanmaya özen gösterin, Büyük harf XHTML hatalarına neden olabilir.
NOT: 1-2 tane eksik olabilir
Kaynak : XHTML Hataları ve Çözümleri | Hoochie Coochie Man
