XHTML (Extensible Hyper Text Markup Language) tüm browserlar tarafından kabul görmüş standartları belirtir. Diğer bir deyişle HTML yazımında getirilen standartlardır. XHTML kullanmanın en önemli avantajı farklı tarayıcılarda(Opera, Explorer, Crome vs) sorun çıkarmamasıdır. Bir diğer avantajı ise arama motorlarının XHTML standartlarına uygun yazılmış sitelere daha yüksek not vermeleridir.
XHTML Dikkat Edilmesi Gereken Kurallar?
1) Browserin XHTML standartlarına uyulduğunu anlayabilmesi için sayfanın en üstüne aşağıdaki kodların eklenmesi gerekmektedir.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
NOT:Geçerli 3 adet XHTML döküman tipi vardır:
a) XHTML Strict
XHTML Dökümanlarını css dökümanları ile beraber kullanmanız gerektiğinde kullanılır. HTML’nin dizayn unsurlarını içermez.
Tanımı:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
b) XHTML 1.0 Transitional
CSS anlamayan web gezginlerini desteklemek ve HTML’nin dizayn unsurlarını kullanmak istiyorsanız bu döküman tipini kulanın.
Tanımı:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
c) XHTML 1.0 Frameset
Eğer XHTML dökümanları pencerelere bölünmüş olarak gösterilecekse bu döküman tipini kullanın.
Tanımı:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
2) Türkçe karakterlerin doğru çıkması içinde head tagının arasına aşağıdaki kodun eklenmesi gerekmektedir.
<meta equiv="Content-Type" content="text/html; charset=utf-8">
3) Kodlar açıldıkları sırada kapanmalıdırlar.
Doğru:
<html>
<head>
<title></title>
</head>
<body>
<div>TeknoGezgin</div>
</body>
</html>
Yalnış:
<html>
<head>
<title></title>
<body>
</head>
<div>TeknoGezgin</div>
</html>
</body>
4) Tagları ve değerlerini küçük harfle yazın.
Doğru:
<title></title>
<div style="">TeknoGezgin</div>
Yalnış:
<TITLE></TITLE>
<div STYLE="">TeknoGezgin</div>
5)Açılan her tag kapanmalıdır.
Doğru:
<b></b>
<hr />
Yalnış:
<hr>
<br>
6) HTML tagı içerisinde head ve body tagları kullanılmak zorundadır.
7) Link ve Resim eklerken bir başlık (title) girilmelidir.
Doğru:
<img src="" href="Kastamonu.gif" title="Kastamonu Resimi" />
<a href="http://www.teknogezgin.blogspot.com/" title="Teknolojik Bilgiler :)">
Yalnış:
<img src="" href="kastamonu.gif" />
</a><a href="http://www.teknogezgin.blogspot.com/">
8) Parametreler tırnak içinde olmalıdır.
Doğru:
<div width="100%"></div>
<a href="http://www.teknogezgin.blogspot.com/">teknogezgin</a>
Yalnış:
<div width=100%></div>
<a href=http://www.teknogezgin.blogspot.com/>teknogezgin</a>
9) Parametrelerde kısaltmalar kullanılmamalıdır.
Doğru:
<input type="radio" checked="checked" />
<option selected="selected" />
Yalnış:
<input type="radio" checked />
<option selected />
10) Sadece Id parametresi kullanın. XHTML id parametresini kullanmamızı istiyor.
Doğru:
<p id="parag">
<input id="parag" value="deger" type="submit">
Yalnış:
<p name="parag">
<input name="parag" value="deger" type="submit">
O zaman kısaca XHTML dikkat edilmesi gereken kuralları şu formül ile açıklayabiliriz. XHTML = XML
Hiç yorum yok:
Yorum Gönder