Home
Setelah mengenal sekilas tentang XHTML, sekarang kita coba bahas seperti apa XHTML dan perbedaanya secara fisik dengan HTML.Siapkan dirimu untuk era XHTML!
Cukup dengan mengetahui bagaimana pengkodean HTML 4.01, kita sudah memiliki modal dasar untuk beralih ke XHTML.
Hal-hal yang membedakan XHTML dan HTMLElemen XHTML harus bersarang dengan sempurna
- Elemen XHTML harus ditulis dalam huruf kecil
- Elemen XHTML harus selalu ditutup
- Dokumen XHTML harus memiliki satu root element
<b><i>Tulisan ini tebal dan miring</b></i>Perhatikan bagaimana nilai yang ada didalam elemen tidak tertutup sesuai urutan. Penulisan yang benar adalah seperti ini
<b><i>Tulisan ini tebal dan miring</i></b>Catatan: Suatu kesalahan yang sering terjadi saat menulis list <LI> yang bersarang, yaitu lupa bahwa list yang bersarang didalamnya harus berada di antara <LI> dan </LI>
Ini salah:
<ul>Ini benar:
<li>Topi</li>
<li>Baju
<ul>
<li>Kaos</li>
<li>Kemeja</li>
</ul>
<li>Celana</li>
</ul>
<ul>Elemen XHTML harus ditulis dalam huruf kecil
<li>Topi</li>
<li>Baju
<ul>
<li>Kaos</li>
<li>Kemeja</li>
</ul>
</li>
<li>Celana</li>
</ul>
Sudah cukup jelas, karena spesifikasi XHTML yang mengharuskan semua TAG harus ditulis dengan huruf kecil
Contoh yang salah:
<BODY>Contoh yang benar:
<P>Ini sebuah paragraf</P>
</BODY>
<body>Elemen XHTML harus selalu ditutup
<p>Ini sebuah paragraf</p>
</body>
Elemen yang tidak kosong harus selalu ditutup dengan tag penutup
Contoh yang salah:
<p>Ini paragrafContoh yang benar:
<p>Paragraf yang lain
<p>Ini paragraf</p>
<p>Paragraf yang lain</p>
Elemen yang kosong tetap harus ditutup dengan tag penutup atau tag awal harus diakhiri dengan />
Contoh yang salah:
<br>
<hr>
<img src="nsrb.jpg" alt="ganteng">
Yang ini yang benar:
<br />
<hr />
<img src="nsrb.jpg" alt="ganteng" />
Dokumen XHTML harus memiliki satu root element
Semua elemen XHTML harus bersarang di dalam root element yaitu . Semua elemen lainnya dapat memiliki sub element dan sub element harus ditulis berpasangan dan bersarang dengan elemen yang merupakan elemen atasannya (parent element).
Struktur standarnya adalah:
<html>Artikel berikutnya kita coba bahas penulisan sintaks XHTML lebih dalam.
<head> ... </head>
<body> ... </body>
</html>
0 comments:
Posting Komentar