Nasyarobby.com ::..
Rubrik : Website Tips & Trik
XHTML vs HTML
2008-10-17 19:45:10 - by : nasyarobby

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 HTML



  1. Elemen XHTML harus bersarang dengan sempurna

  2. Elemen XHTML harus ditulis dalam huruf kecil

  3. Elemen XHTML harus selalu ditutup

  4. Dokumen XHTML harus memiliki satu root element


Elemen XHTML harus bersarang dengan sempurna


Dalam HTML, elemen-elemennya bisa ditulis dalam keadaan bersarang tidak sempurna seperti ini


<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>
  <li>Topi</li>
  <li>Baju
    <ul>
      <li>Kaos</li>
      <li>Kemeja</li>
    </ul>
  <li>Celana</li>
</ul>

Ini benar:


<ul>
  <li>Topi</li>
  <li>Baju
    <ul>
      <li>Kaos</li>
      <li>Kemeja</li>
    </ul>
  </li>
  <li>Celana</li>
</ul>

Elemen XHTML harus ditulis dalam huruf kecil


Sudah cukup jelas, karena spesifikasi XHTML yang mengharuskan semua TAG harus ditulis dengan huruf kecil


Contoh yang salah:


<BODY>
<P>Ini sebuah paragraf</P>
</BODY>

Contoh yang benar:


<body>
<p>Ini sebuah paragraf</p>
</body>

Elemen XHTML harus selalu ditutup


Elemen yang tidak kosong harus selalu ditutup dengan tag penutup


Contoh yang salah:


<p>Ini paragraf
<p>Paragraf yang lain

Contoh yang benar:


<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
<HTML>. 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>
<head> ... </head>
<body> ... </body>
</html>

Artikel berikutnya kita coba bahas penulisan sintaks XHTML lebih dalam. :)

Nasyarobby.com ::.. : http://www.nasyarobby.com
Versi Online : http://www.nasyarobby.com/?pilih=news&aksi=lihat&id=17