home Web xHTML : Gabungan HTML dan XML

xHTML : Gabungan HTML dan XML

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:

  1. Strict, XHTML strict digunakan jika Anda benar-benar menggunakan markup yang bersih, dan tidak memiliki kesalahan ketik dan grammar.
  2. 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).
  3. 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:   

  1. Deklarasi doctype
  2. Tag <html>
  3. Tag <head>
  4. 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

Leave a Reply

Your email address will not be published. Required fields are marked *