HTML ile XHTML Arasında ki Farklar

1. Etiketler düzgün biçimde iç içe geçmelidir.

Bu yazım yanlıştır.

<strong><i>Bu yazı vurgulu ve yatıktır</strong></i>

Bu yazım ise doğrudur.

<strong><i>Bu yazı vurgulu ve yatıktır</i></strong>

2. Tüm etiketler küçük harflerle 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 etiketleri kapanmalıdır.

Bu yazım yanlıştır.

<p>Bu bir paragraftır.
<li>Bu bır liste maddesidir.

Bu yazım ise doğrudur.

<p>Bu bir paragraftır.</p>
<li>Bu bir liste maddesidir.</li>

4. Boş elemanlarda sonlandırılmalıdır.

Bu yazım yanlıştır.

Bu yazım ise doğrudur.

XHTML Web sayfalarınızı tarayıcılar ile uyumlu hale getirmek istiyorsanız " / " işaretinden önce bir boşluk bırakmalısınız.

5. Parametre isimleri küçük harf olmalıdır.

Bu yazım yanlıştır.

Bu yazım ise doğrudur.

6. Parametre değerleri tırnak işareti içinde olmalıdır.

Bu yazım yanlıştır.

Bu yazım ise doğrudur.

7. Parametre sadeleştirme kaldırılmıştır.

Bu yazım yanlıştır.

Bu yazım ise doğrudur.

8. "id" parametresi "name" parametresinin yerine geçer.

Bu yazım yanlıştır.

Bu yazım ise doğrudur.

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 html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

   <head>

      <meta http-equiv="content-type" content="text/html; charset=utf-8;" />

      <title>Başlık Buraya</title>

   </head>

   <body>

      <p>İçerik Buraya</p>

   </body>

</html>

DOCTYPE elemanı bir XHTML elemanı değildir ve standartlara uymasına gerek yoktur. Ayrıca sonlandırılması da gerekmez.

DTD nedir?

DTD bir web sayfasının tipini SGML (Standard Generalized Markup Language) dili ile belirler.

DTD HTML gibi SGML uygulamaları tarafından kullanılır. Amacı sayfa için geçerli olan markup sitilini belirtmektir. XHTML SGML döküman tipinde tanımlanmıştır. Bir XHTML DTD dökümanı sayfada uyulması gereken kuralları bilgisayarın anlayabileceği bir dille belirtir.

Yazdığınız XHTML dökümanlarının hangi standartlara uyduğunu DTD belirtir ve sayfada ilk satır olarak yer almalıdır.

10. DOCTYPE zorunlu olarak mevcut olmalıdır.

Geçerli 3 adet XHTML döküman tipi vardır.

a) XHTML Strict DTD (Sıkı XHTML)

XHTML Strict eğer standartlara uygun kod yazmak istiyorsanız ve sayfanıza görünüm vermek için CSS (Cascading Style Sheets) kodlarını kullanacaksanız bu tip sizin için. XHTML Strict DTD kullanacağınız HTML kodlarınızın başına eklemeniz gereken kod;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

b) XHTML Transitional DTD (Geçiş XHTML)

XHTML Transitional DTD eğer standartlara uygun kod yazmak istiyorsanız ve XHTML’in görünüm yeniliklerini yani CSS’i kullanmayacaksanız. Örneğin <font> gibi html etiketlerini kullanıyorsanız bu tip sizin için uygun. XHTML Strict, <font> <u> gibi etiketleri desteklemez.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

c) XHTML Frameset DTD (Çerçeveli XHTML)

XHTML Frameset DTD eğer standartlara uygun bir kod yazmak istiyor ve sayfanız çerçeveli bir tasarıma sahip ise bu döküman tipini kullanmalısınız.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

İleri Seviye XHTML

Tebrikler!! Artık İleri Seviye XHTML biliyorsunuz. Gördüğümüz üzere CSS olmadan XHTML 'in pek bi canlılığı yok. Bu nedenle XHTML 'e hayat vermek için sizleri CSS derslerine bekliyorum. Unutmayın ki CSS dilini de öğrendiğinizde bu Web sayfasının aynısını yapabileceksiniz. CSS derslerine geçmek için " Devam Et " butonuna tıklayabilirsiniz.