Perbedaan XHTML dengan HTML

Posted by fanjava | Saturday, August 15, 2009 | | Labels:

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 gambar


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

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

:-)

2 comments:

Anonymous Says:
August 29, 2009 at 6:44 AM

itu yang terakhir agak salah fan...
coba dibetulin



semoga cepat sembuh ya...
barokallohu fiikum...
ratno

Argado Says:
July 14, 2010 at 1:01 AM

Oh begitu ya .....
Jadi ngerti sekarang

Post a Comment

Rss: Top