HTML (HyperText Markup Language, Zengin Metin İşaretleme Dili), en kaba tanımıyla internette gezinmemizi sağlayan metin tabanlı bir dildir. HTML'nin en temel amacı, web sayfalarının düzgün ve kurallı bir şekilde tarayıcılar tarafından okunup, yorumlanmasını sağlamak ve aynı şekilde tarayıcıların karşımıza bunu bir görüntü olarak sunmasıdır. İnternette gördüğümüz bazı web sayfalarının kaynak kodlarına bakarsak HTML kurallarına uymadığını görebiliriz. Bu arada sitenizi kontrol etmek istiyorsanız böyle bir olanak mevcut.
Neden XHTML?
- <html>
- <head>
- <title>HTML</title>
- <body>
- <h1>Bu nasıl HTML
- <p>Hani paragraf
- </body>
Yukarıdaki kod doğru bir şekilde çalışır çünkü web tarayıcıları eksik olan etiketleri siz yazmasanızda kendisi tamamlar. Ancak böyle bir yöntem kullanmak doğru değildir çünkü bazen hatalara yol açmaktadır.
Sonuç böyle olunca ortaya XHTML fikri çıktı.
XHTML (Extensible HyperText Markup Language, Genişletilebilir Zengin Metin İşaretleme Dili), HTML ve XML'in birleşiminden oluşur. HTML'nin XML sözdizimine göre düzenlenmesidir. Bu yüzden XHTML'de kurallar katıdır.
XHTML Kuralları
1) XHTML DOCTYPE tanımlaması olmalı
XHTML belgesi kesinlikle XHTML DOCTYPE tanımlaması içermeli. DOCTYPE tanımlamalarına bakmak için
2) html etiketinde xmlns özelliği tanımlanmalı
- <html xmlns="
">
3) 4 etiket kesinlikle olmalı
Html, head, title ve body etiketleri kesinlikle belgenizde olmalı. Olması gereken minimum XHTML belgesi şöyle olmalı;
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "
">
- <html xmlns="
">
- <head>
- <title>Başlık</title>
- </head>
- <body>
- ......
- </body>
- </html>
4) İç içe etiketler muntazam şekilde kapatılmalı
XHTML'de iç içe elementler sırasıyla kapatılmalı
<b><i>Kalın ve italic yazı</i></b>
Önce
"i" etiketi, sonra
"b" etiketi kapatılmalıdır.
5) Açılan etiket mutlaka kapatılmalı
<p>Açılan etiketler kapatılmalı</p>
6) "br", "hr" vb. etiketler mutlaka kapatılmalı
HTML'de bu tarz etiketlerin kapatılması gerekmez ama XHTML'de zorunludur.
<br>,
<hr>,
<img ...>,
<meta ...>,
<input ...> vb. etiketleri kapatma şekli farklıdır.
Satır: <br />
Yatay çizgi: <hr />
Resim: <img src="mutlu.gif" alt="mutlu surat" />
7) Etiketler ve etiket özellikleri küçük harfle tanımlanmalı
<body>
<p>Etiketler ve width küçük harf</p>
<table width="100%">
</body>
8) Etiket özelliklerini tanımlarken tırnak kullanılmalı
<table width="100%">
9) Bazı etiket özelliklerinin kısaltılmaması gerekir
<input checked="checked">
<option selected="selected">
