XHTML ile HTML Arasındaki Farklar

Düzenli HTML yazmaya başlayarak XHTML için hazırlanabilirsiniz.

XHTML için nasıl hazırlanılır

XHTML ve HTML 4.01 standartları arasında çok fazla fark yoktur.

Bu yüzden kodunuzu 4.01'e yükseltmek iyi bir başlangıç olacaktır. Tamamımlık<HTML 4.01 Referans Kılavuzusize bu konuda yardımcı olacaktır.

Ayrıca, HTML kodunu küçük harflerle yazmanız gerektiğini ve </p> gibi etiketleri göz ardı etme alışkanlığından kaçınmanız gerektiğini unutmayın.

Huzurlu kodlama dileriz!

En önemli fark:

  • XHTML elemanları doğru bir şekilde iç içe yerleştirilmelidir.
  • XHTML elemanları kapatılmalıdır.
  • Etiket adları küçük harflerle olmalıdır.
  • XHTML belgesi kök elemanına sahip olmalıdır.

Elemanlar doğru bir şekilde iç içe yerleştirilmelidir

HTML'de, bazı elemanlar böyle birbirine yanlış olarak iç içe yerleştirilebilir:

<b><i>Bu metin kalın ve yatay çizgili</b></i>

XHTML'de, tüm elemanlar böyle birbirine doğru olarak iç içe yerleştirilmelidir:

<b><i>Bu metin kalın ve yatay çizgili</i></b>

İpucu:Düzyataşı listelerde kolayca yapılan bir hata, iç listelerin li elementi içinde olması gerektiğidir, aşağıdaki gibi:

Bu yanlış:

<ul>
  <li>Kahve</li>
  <li>Çay
    <ul>
      <li>Siyah çay</li>
      <li>Yeşil çay</li>
    </ul>
  <li>Süt
</ul>

Bu doğru:

<ul>
  <li>Kahve</li>
  <li>Çay
    <ul>
      <li>Siyah çay</li>
      <li>Yeşil çay</li>
    </ul>
  </li>
  <li>Süt
</ul>

Dikkat: Doğru kod örneklerinde, </ul> ardından bir </li> etiketi ekledik.

XHTML elemanları kapatılmalıdır

Boş olmayan etiketler sonlandırma etiketi kullanmalıdır.

Bu yanlış:

<p>Bu bir paragraftır
<p>Bu, başka bir paragraftır

Bu doğru:

<p>Bu bir paragraftır</p>
<p>Bu, başka bir paragraftır</p>

Boş etiketler de kapatılmalıdır

Boş etiketler de sonlandırma etiketi kullanmalıdır, veya başlangıç etiketi kullanmalıdır/>Son.

Bu yanlış:

Bir kesme: <br>
Yatay çizgi: <hr>
Bir resim: <img src="happy.gif" alt="Mutlu yüz">

Bu doğru:

Bir kesme: <br />
Yatay çizgi: <hr />
Bir resim: <img src="happy.gif" alt="Mutlu yüz" />

XHTML elemanları küçük harflerle olmalıdır

XHTML规范tanımlar: etiket adları ve özellik çiftleri büyük/küçük harflere duyarlıdır.

Bu yanlış:

<BODY>
<P>Bu bir paragraftır</P>
</BODY>

Bu doğru:

<body>
<p>Bu bir paragraftır</p>
</body>

XHTML belgeleri bir kök elemana sahip olmalıdır

Tüm XHTML elemanları <html> kök elemanı içine yerleştirilmelidir. Diğer tüm elemanlar alt elemanlara sahip olabilir. Alt elemanlar çift olmalı ve ana elemanın içine yerleştirilmelidir. Temel belge yapısı şu şekildedir:

<html>
<head> ... </head>
<body> ... </body>
</html>