Perbedaan XHTML Dengan HTML - Tutorials Perancangan Website

Artikel ini menjelaskan beberapa perbedaan XHTML dengan HTML. Kepanjangan dari HTML adalahHyperText Markup Language, Sedangkan XHTML adalah EXtensible HyperText Markup Language. Ini merupakan gabungan dari XML dengan HTML. XHTML hampir identik dengan HTML 4.1, tapi XHTML lebih ketat peraturannya dibanding peraturan HTML 4.1. XHTML itu menjadikan HTML didefinisikan sebagai aplikasi XML & semua Browser utama mendukung XHTML. XHTML Lebih Baik Dari 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


<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">
 
  
<input checked>
<input readonly>
<input disabled>
<option selected>