HTML ve XHTML Arasindaki Farklar

Yazar admin

Kategoriler: HTML

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

Bir önceki dersimizde XHLML Nedir başlığı altında bu konuya giriş yaptık ve şimdi dilerseniz HTML ve XHTML arasındaki farkları inceleyelim.

Öncelikle şu nu söyleyeyim, eğer daha önceden HTML biliyorsanız XHTML sizi fazla yormayacak aslında hemen hemen aynı taglar kullanılmaktadır fakat bir önceki derstede bahsettiğim gibi XHTML ‘nin belli başlı standartları ve uyulması gereken şartları vardır. Şimdi bu farklılıkları şıklar halinde yazacağım;

1. Küçük harf kullanımı : Normal HTML ‘de büyük yada küçük harf hiç farketmiyordu, bu konuda hiçbir kural yoktu fakat XHTML özellikle küçük harf konusunda çok titiz.

HTML
<BODY>
<div WIDTH=”100%”>Merhaba Dünya</div>
</BODY>

XHTML
<body>
<div width=”100%”>Merhaba Dünya</div>
</body>

2. Parametrelerde küçük harf ile yazılmalıdır : Yukarıda bahsettiğim şıkka ek olarak parametrelerde bir standarta baglanmıştır.

HTML
<BODY>
<div>Merhaba Dünya</div>
</BODY>

XHTML
<body>
<div>Merhaba Dünya</div>
</body>

3. Düzgün hiyerarşi : Açılan taglar sırası ile kapatılmalıdır.

HTML
<strong><div>Merhaba Dünya</strong></div>

XHTML
<div><strong>Merhaba Dünya</strong><div>

4. Kapalı taglar : Tüm taglar kapatılmalıdır. Örneğin bazı taglar tek başına kullanılır (br , hr, img) bu taglarda XHTML ‘de kapatılmalıdır.

HTML
<br>
<hr>
<image href=”resim.gif”>

XHTML
<br />
<hr />
<image href=”resim.gif” title=”Flashcentury” />

5. Kapatılan taglara / işaretinden önce boşluk bırakmak : Yukarıdaki şıkla bahsettiğim tagları kapatırken / işaretinden önce bir boşluk bırakmanız gerekmektedir. Bu tarayıcılar ve arama motorları tarafından kabul edilmiş bir standarttır.

Yanlış Kullanım
<br/>
<hr/>
<image href=”resim.gif” title=”Flashcentury”/>

Doğru kullanım
<br />
<hr />
<image href=”resim.gif” title=”Flashcentury” />

6. Link ve Resim eklerken bir başlık girilmelidir : Özellikle arama motorları için ve standartlar uymak için bunu yapmanız gerekmektedir. title parametresi ile resim veya link hakkında tarayıcıya bilgi vermemiz gerekmektedir.

HTML
<image href=”resim.gif”>
<a href=”http://www.flashcentury.net“>

XHTML
<image href=”resim.gif”>
<image href=”resim.gif” title=”Flashcentury” />
<a href=”http://www.flashcentury.net” title=”Flashcentury” />

7. Parametreler tırnak içinde olmalıdır : HTML ‘ de bu konuda bir şart yoktu tırnak için ve tırnak içinde kullanmadan parametre değerleri verilebiliyordu.

HTML
<BODY>
<div width=100%>Merhaba Dünya</div>
</BODY>

XHTML
<body>
<div width=”100%”>Merhaba Dünya</div>
</body>

8. Parametrelerde sadeleştirme : Özellikle Form parametrlerinde bazı kolaylıklar vardı, örneğin checked parametresini kullanarak bir radio buttonu seçili hale getirebiliyorduk ama malesef XHTML ‘de bu olay kaldırıldı.

HTML
<input type=”radio” checked>
<option selected>

XHTML
<input type=”radio” checked=”checked” />
<option selected=”selected” />

9. Name parametresi yerine id Parametresi kullanimi : HTML döneminde taglara isim verirken Name parametresi kullaniliyordu, Id parametresi ise ikinci bir olasilik veya javascript ağırlıklıydı fakat XHTML genel tanımlamada Id parametresini kullanmamızı istiyor.

HTML
<div name=”mesaj”>Merhaba Dünya</div>
<image name=”resim” href=”resim.gif”>

XHTML
<div id=”mesaj”>Merhaba Dünya</div>
<image id=”resim” href=”resim.gif” />

10. DOCTYPE bildirimi : HTML kodlarından önce daha doğrusu kodlamanın ilk başına DOCTYPE (DTD ) bir başka değişle HTML dokumanımızın çeşitini bildirmemiz gerekiyor. Bu konuyla daha ayrıntılı bilgiye buradan ulaşabilirsiniz.

HTML
<html>
<head>
<title> HTML Dökümanı</title>
<body>
<div>Merhaba Dünya</div>
</body>
</html>

XHTML
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html>
<head>
<title> HTML Dökümanı</title>
<body>
<div>Merhaba Dünya</div>
</body>
</html>

Eğer standart bir XHTML kodlaması yapacaksanız genel kullanımı yukarıdaki gibidir ve tüm XHTML sayfalarınızın ilk satırına bu kodu ekleyebilirsiniz fakat bazen sayfanızı frameler ile veya farklı türlerde yapmanız gerekebilir, DTD bildimi ile kodlamanızın çeşidini tanımlarsınız ve tarayıcılara yardımcı olursunuz. DOCTYPE ile ilgili yazıma buradan ulaşabilirsiniz.

HTML ‘den XHTML ‘ye geçen veya bu işe yeni başlamış arkadaşlar için dikkat etmesi gereken en önemli gördüğüm 10 maddeyi ekledim, ilerleyen derslerde yeri geldikçe yine bazı ayrıntılardan bahsedeceğim.