XHTML adalah gabungan dari HTML yang didesain untuk menampilkan informasi dan XML yang didesain untuk mendeskripsikan data. XHTML adalah perluasan dari HTML, sehingga XHTML sangat mirip dengan HTML4.01 yang seharusnya untuk mengganti HTML. Alasan utama HTML kurang bagus adalah HTML terlalu flexibel, mungkin saja kode yang tidak benar akan tampil dengan benar pada suatu browser, tetapi tidak pada browser lainnya. Pada masa sekarang banyak user yang menggunakan perangkat bergerak seperti handphone dan PDA untuk mengekses website, pada kondisi ini, penulisan kode HTML yang kurang baik akan mempengaruhi halaman tersebut. XHTML dapat memberikan solusi dari masalah seperti ini karena XHTML memiliki keteraturan-bentuk (mengikuti sintaks yang tepat) sehingga dokumen XHTML dapat diproses otomatis dengan menggunakan standar pemroses XML tidak seperti HTML yang membutuhkan pemroses yang cukup sulit dan kompleks. XHTML 1.0 telah menjadi rekomendasiWord Wide Web Consortium (W3C) pada tanggal 26 januari 2000.
Ada tiga jenis XHTML yaitu:
- Strict, XHTML strict digunakan jika Anda benar-benar menggunakan markup yang bersih, dan tidak memiliki kesalahan ketik dan grammar.
- Transitional, Anda dapat menggunakan metode transisional jika ingin memanfaatkan fitur presentasi dari HTML dan juga jika halaman web hendak ditampilkan di browser yang tidak dapat mem-parsing CSS (cascading styel sheet).
- Frameset, Ini digunakan jika Anda ingin menampilkan frame HTML untuk membagi browser menjadi lebih dari satu grame
Yang harus diperhatikan dalam XHTML adalah:
1.XHTML merupakan dokumen yang “well-formed”
Semua elemen XHTML harus tersusun dalam elemen <html> sebagai root element.
Setiap elemen dapat memiliki sub (child) element. Setiap sub elemen harus tersusun
dengan benar di dalam parent element.
Dengan struktur dasar :
<html>
<head> … </head>
<body> … </body>
</html>
2.Elemen XHTML harus tersusun secara benar (properly nested)
<div><p>Teks tertentu</div></p> ← salah
<div><p>Teks tertentu</p></div> ← benar
perhatikan pada tag penutup, seharusnya <p> ditutup dulu, baru kemudian tutup <div> karena <p> dibawah <div>
3.Nama tag harus menggunakan huruf kecil
<BODY>
<P>This is a paragraph</P>
</BODY>
yang diatas salah karena tag menggunakan hurup kapital, seharusnya:
<body>
<p>This is a paragraph</p>
</body>
4.Semua elemen XHTML harus memiliki penutup
<p>This is a paragraph ← salah
<p>This is a paragraph</p> ← benar
perhatikan tag <p>, karena telah dubuka, maka tag <p> harus ditutup dengan </p>
5.Penulisan atribut harus dalam quote (“”)
<table width=100%> ← salah
<table width=”100%”> ← benar
6.Penulisan atribut tidak dapat disederhanakan
<input checked> ← salah
<input checked=”checked” /> ← benar
Elemen yang harus ada pada XHTML adalah:
- Deklarasi doctype
- Tag <html>
- Tag <head>
- Tag <body>
Contoh penulisan XHTML :
<!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html>
<head>
<title>Judul</title>
</head>
<body> Isi Halaman
</body>
</html>
Untuk dapat mengetahui apakah dokumen XHTML yang telah ditulis sudah valid atau belum, dapat menggunakan tool yang tersedia di http://validator.w3.org/
Sumber:
http://www.w3schools.com/xhtml/xhtml_html.asp
http://id.wikipedia.org/wiki/Extensible_hypertext_markup_language
http://webmaster.restuagungonline.com/wblocks/konten.php/2009/08/27/xhtml-merupakan-penyempurnaan-html
http://www.dhimasronggobramantyo.com/artikel/Belajar_XHTML_dan_Web_Standards_serta_mengenali_seluk_beluknya
Tulisan Berkaitan:
- CSS : Cascading Style Sheets Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. ...
- HTML 5 : Tanpa Plug-in, Multimedia Tetep Jalan HTML5 adalah versi terbaru dari Hypertext Markup Language, pengembangan dan sekaligus diharapkan sebagai penerus dari HTML versi 4, XHTML 1 ...
- Web 3.0 : Semantik Web Web 3.0 adalah generasi ketiga dari layanan internet berbasis web. Konsep Web 3.0 pertama kali diperkenalkan pada tahun 2001, ...
- IDWSleecher : Cara Cepat Download dari Indowebster Udah pada tau indo webster kan?? Dahulu kala indowebter menjadi primadona bagi para pengundun file dai dunia maya, namun belakangan ...
- Seminar Nasional “Bisnis Online” “Bisnis Online, Lapangan Kerja Bebas, Luas, dan Tak Terbatas”. Bisnis online merupakan bisnis atau usaha (didominasi oleh perdagangan) yang dilaksanakan ...