Perbedaan XHTML dan HTML

XHTML merupakan generasi berikutnya setelah HTML,tetapi dia mempunyai kemampuan lebih tinggi untuk mengoperasikannya.Selain itu membutuhkan kesiapan berbagai perangkat lunak untuk menanganinya.

Untuk lebih memahami XHTML,Anda harus paham terlebih dahulu HTML.Lebih baiknya lagi Anda memahami HTML ver 4.01 standart.Dan baiknya Anda membiasakan mennggunakan huruf kecil untuk menuliskan kode tersebut.Dan jangan lupa membuat tag penutup setiap elemen.

Perbedaan Utama XHTML dengan HTML

  1. Elemen XHTML harus tersusun secara benar (properly nested).
  2. XHTML merupakan dokumen yang “well-formed”.
  3. Nama tag harus menggunakan huruf kecil
  4. Semua elemen XHTML harus memiliki penutup

  • ELEMEN HARUS TERSUSUN DENGAN BENAR

Dalam HTML tidak tersusun dengan struktur yang benar.
Misalnya :

<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>

  • DOKUMEN HARUS “Well Formed”

Semua elemen XHTML harus tersusun dalam elemen 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>
  • 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 :
Code:

<BODY>
<P>Ini adalah paragraf</P>
</BODY>

Ini benar:
Code:

<body>
<p>Ini adalah paragraf</p>
</body>
  • Elemen Terbuka Harus Ditutup dengan Tag Penutup

Ini salah :
Code:

<p> Ini adalah paragraf
<p> Ini adalah paragraph yang lain

Ini Benar :
Code:

<p> Ini adalah paragraf </p>
<p> Ini adalah paragraf yang lain </p>
  • Elemen kosong harus ditutup menggunakan />

Ini Salah :
Code

Ini adalah break<br>
Ini adalah garis mendatar:<hr>
Ini adalah image <img src="gambar.gif" alt="gambar">

Ini Benar :
Code:

Ini adalah break

Ini adalah garis mendatar:

Ini adalah image

Segitu dulu ya Saya nulisnya.Lain waktu saya posting lagi masalah XHTML ini.

SELAMAT MENCOBA..!!!
Beri kritik dan sarannya ya…!

About these ads

12 thoughts on “Perbedaan XHTML dan HTML

  1. mau nanya mas, cara menampilkan kode html di posting, saya dah tau, trus yg bikin bingung, kenapa kode yang ditampilkan tidak ada background kuningnya seperti punya mas? Thanks

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s