Perbedaan antara XHTML dan HTML

Dengan mulai menulis HTML yang ketat, Anda dapat mempersiapkan XHTML.

Cara untuk mempersiapkan XHTML

XHTML dan standar HTML 4.01 tidak berbeda terlalu banyak.

Jadi, naikkan kode Anda ke 4.01 adalah awal yang bagus. Kita punya referensi lengkap tentangPanduan Referensi HTML 4.01》akan membantu Anda melakukannya.

Selain itu, Anda segera harus menulis kode HTML dengan huruf kecil, dan jangan bermimpi mengabaikan tag seperti </p>.

Selamat datang dalam pengembangan kode yang menyenangkan!

Perbedaan yang paling besar:

  • Elemen XHTML harus tercakup dengan benar.
  • Elemen XHTML harus ditutup.
  • Nama tag harus digunakan huruf kecil.
  • Dokumen XHTML harus memiliki elemen root.

Elemen harus tercakup dengan benar

Dalam HTML, beberapa elemen dapat tercakup dengan salah seperti ini:

<b><i>Teks ini tebal dan miring</b></i>

Dalam XHTML, semua elemen harus tercakup dengan benar seperti ini:

<b><i>Teks ini tebal dan miring</i></b>

Petunjuk:Sebuah kesalahan yang mudah terjadi dalam daftar bersarang adalah lupa daftar internal harus berada di dalam elemen li, seperti berikut:

Ini adalah yang salah:

<ul>
  <li>Kopi</li>
  <li>Teh</li>
    <ul>
      <li>Teh Hitam</li>
      <li>Teh Hijau</li>
    </ul>
  <li>Susu</li>
</ul>

Ini adalah yang benar:

<ul>
  <li>Kopi</li>
  <li>Teh
    <ul>
      <li>Teh Hitam</li>
      <li>Teh Hijau</li>
    </ul>
  </li>
  <li>Susu</li>
</ul>

Perhatian: Dalam contoh kode yang benar, kami menambahkan tag </li> setelah </ul>.

Elemen XHTML harus ditutup

Tag bukan kosong harus ditutup.

Ini adalah yang salah:

<p>Ini adalah paragraf
<p>Ini adalah paragraf lain

Ini adalah yang benar:

<p>Ini adalah paragraf</p>
<p>Ini adalah paragraf lain</p>

Tag kosong juga harus ditutup

Tag kosong juga harus ditutup, atau tag awalnya harus digunakan/>Akhirnya.

Ini adalah yang salah:

Pemutus: <br>
Garis horisontal: <hr>
Gambar: <img src="happy.gif" alt="Wajah Bahagia">

Ini adalah yang benar:

Pemutus: <br />
Garis horisontal: <hr />
Gambar: <img src="happy.gif" alt="Wajah Bahagia" />

Elemen XHTML harus huruf kecil

Definisi standar XHTML: nama tag dan atribut sensitif terhadap huruf besar.

Ini adalah yang salah:

<BODY>
<P>Ini adalah paragraf</P>
</BODY>

Ini adalah yang benar:

<body>
<p>Ini adalah paragraf</p>
</body>

Dokumen XHTML harus memiliki satu elemen root

Semua elemen XHTML harus diseluruh di dalam elemen root <html>. Seluruh elemen lain dapat memiliki anak elemen. Anak elemen harus pasangan dan diseluruh dalam elemen induk. Struktur dokumen dasar seperti berikut:

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