XHTML Hataları ve Çözümleri

[tertunc]

XHTML, açılımıyla Extensible Hyper Text Markup Language Türkçesi Geliştirilebilir Büyütülmüş Metin İşaretleme Dili istemci taraflı (client side) bir metin işaretleme dilidir.

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&gt 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" />

---

http://www.simplemachines.org/community/index.php?topic=218122.0#quickreply

 

[frei]

Acaba 2. ve 3. maddeye neden uymamız gerektiğini bilen var mı?

 

[tertunc]

Acaba 2. ve 3. maddeye neden uymamız gerektiğini bilen var mı?

kapatılmassa kod çalışmaz...

 

[frei]

hm, peki (alt)ernative kullanmak sadece resim görünmüyorken alternatif metin göstermek için kullanılıyor diye biliyorum, bunu kullanmanın nasıl bir avantajı var? hatta örnekte alt'ın değeri boştu.