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
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
0 comments:
Post a Comment