Perbedaan XML, XHTML Dengan HTML

Perbedaan XML & HTML

XML singkatan dari eXtensible Markup Language, Sedangkan HTML singkatan dari HyperText Markup Language. Jadi keduanya adalah bahasa penandaan (markup language). Penandaan dilakukan dengan menggunakan tag, misalnya dalam HTML untuk menjadikan huruf tebal (bold), tag yang digunakan adalah <b> atau <strong> dan diakhiri dengan tag penutup </b> atau </strong>.

Penandaan dalam XML juga dengan tag, tapi bukan untuk penampilannya melainkan untuk menetapkan sifat suatu informasi. Misalnya tag <message> untuk menyatakan bahwa itu adalah suatu pesan. Kesimpulannya adalah HTML digunakan untuk mengatur tampilan informasi, sedangkan XML digunakan untuk menciptakan & memproses berbagai informasi.

Baca Juga :

Perbedaan XHTML Dengan HTML

XHTML lebih baik dari HTML karena peraturan XHTML sangat ketat diantaranya semua tag harus ditutup tidak seperti HTML. Dibawah ini saya akan jelaskan beberapa perbedaan XHTML dengan HTML & peraturan yang harus dipenuhi di XHTML.

Struktur XHTML

XHTML DOCTYPE bersifat WAJIB
Atribut XML namespace dalam <html> bersifat WAJIB
<html>, <head>, <title>, & <body> bersifat WAJIB

Elemen XHTML

Elemen XHTML harus tersusun secara benar (properly nested).
Elemen XHTML harus selalu ditutup
Elemen XHTML harus dalam huruf kecil
Dokumen XHTML harus memiliki satu elemen root “Well-formed”

Atribut XHTML

Nama atribut harus dalam huruf kecil
Nilai atribut harus dengan tanda kutip
Tidak diperbolehkan menyingkat atribut
Image harus ada atribut alt

Ada 3 DTD untuk XHTML yaitu Strict (hanya akan valid jika tanpa tag lama), Transisi (masih akan memvalidasi dengan tag lama), & Frameset (untuk halaman frame). Semua dokumen XHTML harus sesuai dengan aturan sintaks XML. Contoh Minimal penulisan tag XHTML sebagai berikut.

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Judul Dokumen</title>
</head>
<body>

......

</body>
</html>

Elemen XHTML Harus Bersarang

<b><i>Ini contoh elemen bersarang yang benar</i></b>

<b><i>Ini contoh elemen bersarang yang salah</b></i>

Elemen XHTML Harus Ditutup

<p>Benar</p> <!--Benar-->

<br /> <!--Benar-->
<hr /> <!--Benar-->
<img src="test.png" alt="Ngetest Doank" /> <!--Benar-->
 
<p> <!--Salah-->
<br> <!--Salah-->
<hr> <!--Salah-->
<img src="test.png" alt="Ngetest Doank"> <!--Salah-->

Elemen & Atribut XHTML Harus Huruf Kecil

<p>Ini Paragraf</p> <!--Benar-->
 <P>Ini Paragraf</P> <!--Salah-->

Elemen XHTML Harus Dikutip & Tidak Boleh Disingkat

<!--Benar-->
<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">
 
<!--Salah-->
<input checked>
<input readonly>
<input disabled>
<option selected>

Cara Konversi HTML Ke XHTML