b3lajarbareng.blogspot.com,
Memulai XHTML
XHTML merupakan generasi berikutnya setelah HTML, tetapi dia menuntut kemampuan lebih tinggi untuk mengoperasikannya. Selain itu juga perlu kesiapan berbagai perangkat untuk dapat menanganinya.
Sebagai landasan pemahaman dalam tutorial ini, XHTML tidaklah berbeda jauh dengan HTML 4.01, oleh karena itu alangkah lebih baiknya anda menguasai dulu penulisan kode 4.01 standard. Anda dapat melihat referensi penulisan HTML 4.01 pada bab tentang HTML.
Sebagai tambahan, anda lebih baik sejak dini menuliskan kode HTML menggunakan huruf kecil, dan jangan pernah lupa membuat tag penutup setiap elemen misalnya <p>.....</p> .
Silahkan pelajari terus !
Perbedaan utama antara HTML dan XHTML:
- Elemen XHTML harus tersusun secara benar (properly nested)
- XHTML merupakan dokumen yang “well-formed”
- Nama tag harus menggunakan huruf kecil
- Semua elemen XHTML harus memiliki penutup
Elemen harus tersusun dengan benar
Dalam HTML elemen tidak harus tersusun dengan tata letak struktur yang benar :
<b><i>Ini adalah tulisan yang berformat bold dan italik</b></i>
Pada XHTML semua elemen harus tersusun dengan benar seperti ini :
<b><i> Ini adalah tulisan yang berformat bold dan italik</i></b>
Keterangan :
sebelum tag <i> ditutup belum boleh ada penutup untuk </b>, <i> adalah elemen anak dari elemen <b>, pembuka dan penutup <i> harus di dalam elemen <b>
Contoh :
Penulisan yang salah
<ul>
<li>Kopi</li>
<li>Teh
<ul>
<li>Teh Hitam</li>
<li>Teh Hijau</li>
</ul>
<li>Susu</li>
</ul>
Penulisan ini yang benar:
<ul>
<li>Kopi</li>
<li>Teh</li>
<ul>
<li>Teh Hitam </li>
<li>Teh Hijau </li>
</ul>
<li>Susu</li>
</ul>
Tampilan di browser :
Dokumen harus “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. Struktur dasarnya adalah sebagai berikut:
<html>
<head> ... </head>
<body> ... </body>
</html>
Dokumen harus memiliki Document Type Definition (DTD) yang terletak paling awal dari sebuah dokumen, dan tag DTD harus menggunakan huruf kapital, dalam standar XHTML ada beberapa jenis DTD yaitu :
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
Nama Tag harus huruf kecil
Hal ini dikarenakan XHTML merupakan dokumen XML. XML bersifat case-sensitive. Tag seperti <br> dan <BR> dianggap berbeda.
Ini salah :
<BODY>
<P>Ini adalah paragraf</P>
</BODY>
Ini benar:
<body>
<p> Ini adalah paragraf </p>
</body>
Semua elemen XHTML harus ditutup
Elemen terbuka harus ditutup dengan tag penutup
Ini salah :
<p> Ini adalah paragraf
<p> Ini adalah paragraph yang lain
Ini benar :
<p> Ini adalah paragraf </p>
<p> Ini adalah paragraf yang lain </p>
Elemen kosong harus ditutup
Elemen kosong harus ditutup menggunakan
/>.
Ini salah:
Ini adalah break<br>
Ini adalah garis mendatar:<hr>
Ini adalah image <img src="gambar.gif" alt="gambar">
Ini benar :
Ini adalah break<br />
Ini adalah garis mendatar:<hr />
Ini adalah image <img src="gambar.gif" alt="gambar" />
