KODE HTML: Belajar | Perbedaan XHTML dan HTML

Artikel ini menjelaskan beberapa perbedaan XHTML dengan HTML. Kepanjangan dari HTML adalah HyperText 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

<!--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

Tambahkan XHTML <! DOCTYPE> ke baris pertama
Menambahkan atribut xmlns ke elemen html
Ubah semua nama elemen menjadi huruf kecil
Ubah semua nama atribut menjadi huruf kecil
Tutup semua elemen kosong
Mengutip semua nilai atribut

source

KODE HTML

Belajar | Perbedaan XHTML dan HTML