HTML Versus XHTML


XHTML adalah versi HTML yang lebih ketat dan berbasis XML.


Apa itu XHTML?

  • XHTML singkatan EXtensible Hyper Text Markup Language
  • XHTML adalah versi HTML yang lebih ketat dan berbasis XML
  • XHTML adalah HTML yang didefinisikan sebagai aplikasi XML
  • XHTML didukung oleh semua browser utama

Mengapa XHTML?

XML adalah bahasa markup di mana semua dokumen harus di-markup dengan benar (menjadi "format yang baik").

XHTML dikembangkan untuk membuat HTML lebih dapat diperluas dan fleksibel untuk bekerja dengan format data lain (seperti XML). Selain itu, browser mengabaikan kesalahan pada halaman HTML, dan mencoba menampilkan situs web meskipun memiliki beberapa kesalahan dalam markup. Jadi XHTML hadir dengan penanganan kesalahan yang jauh lebih ketat.


Perbedaan Terpenting dari HTML

  • <!DOCTYPE> wajib diisi
  • Atribut xmlns di <html> bersifat wajib
  • <html>, <head>, <title>, dan <body> wajib diisi
  • Elemen harus selalu bertingkat dengan benar
  • Elemen harus selalu ditutup
  • Elemen harus selalu dalam huruf kecil
  • Nama atribut harus selalu dalam huruf kecil
  • Nilai atribut harus selalu dikutip
  • Minimalisasi atribut dilarang

XHTML - <!DOCTYPE ....> Adalah Wajib

Dokumen XHTML harus memiliki deklarasi XHTML <!DOCTYPE>.

Elemen <html>, <head>, <title>, dan <body> juga harus ada, dan atribut xmlns di <html> harus menentukan namespace xml untuk dokumen tersebut.


Contoh

Berikut adalah dokumen XHTML dengan minimal tag yang diperlukan:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Judul Dokumen</title>
</head>
<body>

  Isi konten...

</body>
</html>

Elemen XHTML Harus Bersarang dengan Benar

Dalam XHTML, elemen harus selalu bertumpuk dengan benar satu sama lain.


Benar:

<b><i>Teks</i></b>

Salah:

<b><i>Teks</b></i>

Elemen XHTML Harus Selalu Ditutup

Dalam XHTML, elemen harus selalu ditutup.


Benar:

<p>Ini adalah sebuah paragraf</p>
<p>Ini juga adalah sebuah paragraf</p>

Salah:

<p>Ini adalah sebuah paragraf
<p>Ini juga adalah sebuah paragraf

Elemen Kosong XHTML Harus Selalu Ditutup

Dalam XHTML, elemen kosong harus selalu ditutup.


Benar:

Baris baru: <br />
Garis horizontal: <hr />
Sebuah gambar: <img src="happy.gif" alt="Happy face" />

Salah:

Baris baru: <br>
Garis horizontal: <hr>
Sebuah gambar: <img src="happy.gif" alt="Happy face">

Elemen XHTML Harus dalam Huruf Kecil

Dalam XHTML, nama elemen harus selalu dalam huruf kecil.


Benar:

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

Salah:

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

Nama Atribut XHTML Harus dalam Huruf Kecil

Dalam XHTML, nama atribut harus selalu dalam huruf kecil.


Benar:

<a href="https://www.ianzune.com/html/">Kunjungi tutorial HTML saya</a>

Salah:

<a HREF="https://www.ianzune.com/html/">Kunjungi tutorial HTML saya</a>

Nilai Atribut XHTML Harus Dikutip

Dalam XHTML, nilai atribut harus selalu dikutip.


Benar:

<a href="https://www.ianzune.com/html/">Kunjungi tutorial HTML saya</a>

Salah:

<a href=https://www.ianzune.com/html/>Kunjungi tutorial HTML saya</a>

Meminimalisir Atribut XHTML Dilarang

Dalam XHTML, meminimalisir atribut dilarang.


Benar:

<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />

Salah:

<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />

Sumber referensi: w3schools

Komentar

Posting Komentar