XHTML ve HTML Aralık 11, 2006
Posted by Mustafa Dalcı in XHTML.Tags: html, w3, XHTML
trackback
XHTML’in ismi Extensible Hypertext Markup Language kelimelerinden türemiştir. XHTML 26 Haziran 2000′den beri bir web standartıdır. Kodlama olarak oldukça büyük farklar yaratan bu dil için:’XML sözdiziminin HTML içinde kullanılması.’ denebilir.Html dilinin farklı tarayıcılarda farklı yorumlanması ve sözdiziminde fazla düzensizlik ve hata olduğu için XHTML W3C(World Wide Web Consortium – WWW) tarafından HTML dilini standardize etmek amacıyla önerilmiştir.
XHTML’i aslında şu başlıklar altında toplamak daha doğru olur.
* XHTML aslında HTML içinde kullanılabilen bir XML uygulamasıdır.
* XHTML’in çıkış amacı HTML’in “kirli” yapısını yenilemektir.
* XHTML 1.0 aslında HTML 4.0.1 ile hemen hemen aynıdır. (Bütün elemanları barındırır.)
* XHTML’in kuralları sabittir, XHTML daha temiz ve düzenlidir.
* XHTML standartlara sâdık kodlama, CSS temelli tasarım ve XML’e geçişte bir basamaktır.
* XHTML’i çoğu tarayıcılar tanır.
Aşağıdaki maddelerde HTML ve XHTML arasındaki farklar verilmiştir.
1. Dökümanlar XML uyumlu olmalıdır.
Aşağıdaki benzer hatalar HTML’de geçerlidir.
<b><i>Bu HTML'de geçerli olabilir ama</b></i>
Ama XHTML’de elemanlar düzgün biçimde iç içe geçmelidir.
<b><i>XHTML'de doğrusu budur.</i></b>
Tüm XHTML elemanları <html> kök elemanı içinde bulunmalıdır. Diğer tüm elemanlar alt elemanlara sahip olabilir. Alt elemanların başlangıç ve bitiş etiketleri olmalı ve doğru biçimde iç içe geçmelidir. Temel döküman yapısı şu şekilde olmalıdır.
<html>
<head>.......</head>
<body>.......</body>
</html>
2. Tüm elementler küçük harfler kullanılarak yazılmalıdır.
Bu yazım yanlıştır.
<BODY>
<P>Bu bir paragraftır</P>
</BODY>
Bu yazım ise doğrudur.
<body>
<p>Bu bir paragraftır</p>
</body>
3. Tüm XHTML elemanlarının sonlandırılması gerekir. Boş olmayan her elemanın sonlandırılması gerekir, örneğin aşağıdaki yazım yanlışdır:
<p>Bu bir paragraftır
<li>Bu bır liste maddesidir
Doğru olan:
<p>Bu bir paragraftır</p>
<li>Bu bir liste maddesidir</li>
4. <br>,<hr> ve <img> gibi tek taraflı etiketlerde sonlandırılmalıdır. Boş elemanlar ya bir sonlandırma elemanına yada “ />” işaretine ihtiyaç duyar. Örneğin aşağıdaki yazım yanlışdır.
Bu bir satır atlar<br>
Yatay çizgi <hr>
Resim <img src=”resim.gif”>
Doğruları ise:
Bu bir satır atlar</br>
Yatay çizgi <hr />
Resim <img src=”resim.gif” />
XHTML web sayfalarınızı bugünün web gezginleri ile uyumlu hale getirmek istiyorsanız “/” işaretinden önce bir boşluk bırakmalısınız. <br /> yada <hr /> gibi.
5. Değişken isimleri küçük harf olmalıdır. Aşağıdaki örnek yanlıştır:
<table WIDTH=”100%”>
<div ALIGN=”center”>
Doğrusu:
<table width=”100%”>
<div align=”center”>
6. Değişken değerleri tırnak işareti içinde olmalıdır.
<table width=100%>
<div align=center>
Doğrusu:
<table width=”100%”>
<div align=”center”>
7. Değişken sadeleştirme kaldırılmıştır. Örneğin:
<input checked>
<option selected>
yanlıştır. Doğrusu:
<input checked=”checked” />
<option selected=”selected” />
8. “id” parametresi “name” değişkeninin yerine geçer.
<img src=”resim.gif name=”resim1” />
<a name=”namedanchor”></a>
Yerine doğrusu:
<img src=”resim.gif id=”resim1” />
<a id=”namedanchor”></a>
9. XHMTL DTD zorunlu elemanları tanımlar. Tüm XHTML dökümanlarının DOCTYPE tanımlama zorunluluğu vardır. Html, head ve body bulunmalı ve title head içinde yer almalıdır. Aşağıda minimum bir XHTML dökümanını görüyorsunuz.
<!DOCTYPE Doctype burda >
<html>
<head>
<title>Başlık burda </title>
</head>
<body>
Body text goes here
</body>
</html>
DOCTYPE elemanı bir XHTML elemanı değildir ve standartlara uymasına gerek yoktur. Ayrıca sonlandırılması da gerekmez.
Yararlı linkler:
W3C XHTML Anasayfa- http://www.w3c.org/MarkUp/
W3C standart bildirgesi – http://www.w3.org/TR/2000/REC-xhtml-basic-20001219/
W3Schools XHTML sayfaları – http://www.w3schools.com/xhtml
Web tasarımcılarının sanal kütüphanesi (WDVL ) XHTML sayfaları – http://www.wdvl.com/Authoring/Languages/XML/XHTML/
dfdf
Teşekkürler