Tahukah kamu kalau ada bahasa pemrograman XHTML? Ya, mungkin ada dari kalian yang belum mengetahuinya. Tidak perlu khawatir kita akan bantu kalian mencari tahu perbedaan XHTML dengan HTML serta cara penulisannya.
Pertama-tama kita bahas apa itu HTML. HTML (HyperText Markup Language) adalah bahasa markah yang digunakan untuk membuat dan menampilkan berbagai informasi di dalam sebuah halaman web.
Struktur dokumen pada HTML:
<!DOCTYPE html> <html> <head> <title>Judul Web</title> </head> <body> <p>Konten Web.</p> </body> </html>
Sedangkan XHTML (eXtensible HyperText Markup Language) adalah sebuah bahasa markah yang dikembangkan dari HTML yang memiliki kemampuan seperti HTML, tetapi dengan aturan sintaks yang lebih ketat dan merupakan gabungan dari HTML dan XML (eXtensible Markup Language).
Struktur dokumen pada XHTML:
<!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 Web</title> </head> <body> <p>Konten Web.</p> </body> </html>
Pada aturan penulisan XHTML wajib menulis <!DOCTYPE…>. Tidak seperti HTML, semua dokumen XHTML wajib memiliki <!DOCTYPE>. Selain itu, elemen <html>, <head>, <title> dan <body> juga harus ada atribut xmlns di <html> harus menentukan namespace xml untuk dokumen.
Elemen XHTML harus tersusun secara benar. Contoh:
Benar
<b><i>Ini tulisan.</i></b>
Salah
<b><i>Ini tulisan.</b></i>
Elemen XHTML juga harus selalu ditutup. Contoh:
Benar
<p>Paragraf pertama.</p> <p>Paragraf kedua.</p>
Salah
<p>Paragraf pertama. <p>Paragraf kedua.
Elemen kosong pada XHTML harus selalu ditutup. Contoh:
Benar
Break: <br /> Horizontal Rule: <hr /> Image: <img src="logodevhoz.png" alt=" Logo Devhoz" />
Salah
Break: <br> Horizontal Rule: <hr> Image: <img src="logodevhoz.png" alt=" Logo Devhoz">
Penamaan elemen XHTML harus huruf kecil. Contoh:
Benar
<body> <p>Ini paragraf.</p> </body>
Salah
<BODY> <P>Ini paragraf.</P> </BODY>
Penamaan atribut XHTML harus huruf kecil. Contoh:
Benar
<a href="https://www.devhoz.com/">Devhoz</a>
Salah
<a HREF="https://www.devhoz.com/">Devhoz</a>
Atribut minimalis pada XHTML tidak diperbolehkan. Contoh:
Benar
<input type="checkbox" name="vehicle" value="car" checked="checked" /> <input typr="text" name="lastname" disabled="disabled" />
Salah
<input type="checkbox" name="vehicle" value="car" checked /> <input typr="text" name="lastname" disabled />
Itu dia pengertian serta perbedaan XHTML dengan HTML. Sudah paham? Secara umum dalam penulisannya hampir sama dengan HTML, hanya memiliki aturan yang ketat.
