Latest Article

Promotion Ads

Buat Website Murah

Featured Article

Popular Article

Perbedaan XHTML Dengan HTML

Artikel ini menjelaskan beberapa perbedaan XHTML dengan HTML. Kepanjangan dari HTML adalah HyperText Markup Language, Sedangkan XHTML adalah EXtensible HyperText Markup Language. Ini merupakan gabungan dari XML dengan HTML. XHTML hampir identik dengan HTML 4.1, tapi XHTML lebih ketat peraturannya dibanding peraturan HTML 4.1. XHTML itu menjadikan HTML didefinisikan sebagai aplikasi XML & semua Browser utama mendukung XHTML.

XHTML Lebih Baik Dari HTML

XHTML lebih baik dari HTML karena peraturan XHTML sangat ketat diantaranya semua tag harus ditutup tidak seperti HTML. Dibawah ini saya akan jelaskan beberapa perbedaan XHTML dengan HTML & peraturan yang harus dipenuhi di XHTML.

Struktur XHTML

  • XHTML DOCTYPE bersifat WAJIB
  • Atribut XML namespace dalam <html> bersifat WAJIB
  • <html>, <head>, <title>, & <body> bersifat WAJIB

Elemen XHTML

  • Elemen XHTML harus tersusun secara benar (properly nested).
  • Elemen XHTML harus selalu ditutup
  • Elemen XHTML harus dalam huruf kecil
  • Dokumen XHTML harus memiliki satu elemen root “Well-formed”

Atribut XHTML

  • Nama atribut harus dalam huruf kecil
  • Nilai atribut harus dengan tanda kutip
  • Tidak diperbolehkan menyingkat atribut
  • Image harus ada atribut alt

Ada 3 DTD untuk XHTML yaitu Strict (hanya akan valid jika tanpa tag lama), Transisi (masih akan memvalidasi dengan tag lama), & Frameset (untuk halaman frame). Semua dokumen XHTML harus sesuai dengan aturan sintaks XML. Contoh Minimal penulisan tag XHTML sebagai berikut.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Judul Dokumen</title>
</head>

<body>
......
</body>

</html>

Elemen XHTML Harus Bersarang

<b><i>Ini contoh elemen bersarang yang benar</i></b>
<b><i>Ini contoh elemen bersarang yang salah</b></i>

Elemen XHTML Harus Ditutup

<p>Benar</p> <!--Benar-->
<br /> <!--Benar-->
<hr /> <!--Benar-->
<img src="test.png" alt="Ngetest Doank" /> <!--Benar-->

<p> <!--Salah-->
<br> <!--Salah-->
<hr> <!--Salah-->
<img src="test.png" alt="Ngetest Doank"> <!--Salah-->

Elemen & Atribut XHTML Harus Huruf Kecil

<p>Ini Paragraf</p> <!--Benar-->

<P>Ini Paragraf</P> <!--Salah-->

Elemen XHTML Harus Dikutip & Tidak Boleh Disingkat


<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">


<input checked>
<input readonly>
<input disabled>
<option selected>

Cara Konversi HTML Ke XHTML

  • Tambahkan XHTML <! DOCTYPE> ke baris pertama
  • Menambahkan atribut xmlns ke elemen html
  • Ubah semua nama elemen menjadi huruf kecil
  • Ubah semua nama atribut menjadi huruf kecil
  • Tutup semua elemen kosong
  • Mengutip semua nilai atribut

Demikianlah artikel yang menjelaskan tentang Perbedaan XHTML & HTML yang dikutip dari w3schools Introduction to XHTML.

Created By :        Date : 20 - October - 2013

Jasa Pembuatan Website

12 Comments

  1. Intan SudibjoReply

    nah ini yang saya cari, sempat bingung juga tentang xhtml dan html, berarti xhtml lebih bagus dong ketimbang html5 ? blogger kan mengacu xhtml hehe :D

    • Nurul ImamReply

      Cuma peraturannya aja yang lebih ketat, adapun masalah bagus atau gaknya sih itu bagaimana kita menyusun tag html yang valid. HTML5 menurut saya lebih baik disertai dengan elemen tag yang SEO asalkan jangan cuma ganti doctype doank, kita harus susun tagnya dengan benar & rapih.

      Blogspot memakai XHTML (Default Template), sedangkan blogger.com, google.com memakai HTML5 :D

  2. Rizkyzone.comReply

    masih belum mudeng mas saya sampai sekarang ckckckck #Mode g pernah belajar

    • Nurul ImamReply

      Ahhh yang beneeeerrr ? Tawadhu’ aja nih mas rizky :D

  3. RirinReply

    Izin ikut belajar disini ya mas. Jadi tambah ilmu baru nich, meski belum begitu paham. Tapi makasih banyak atas ilmunya. Thanks master :)

    • Nurul ImamReply

      Silahkan mbak, tapi jangan panggil master :p
      Saya masih nyubi baru kemaren ngeblog, masih belajar. Artikelnya cuman copy paste dari sumber yang ada.

  4. WidyawanReply

    Mas Nurul,
    Saya masih belajar. Baru satu bulan. Saya pake word Press
    Kalau buka xhtml -nya dimana ya?

    • Nurul ImamReply

      Kebanyakan Theme WordPress menggunakan HTML, bisa dibuka melalui menu Appearance => Editor ;)

  5. yurizkalReply

    mantab kali tutorialnya, semoga sukses terus

    • Nurul ImamReply

      Mudah-mudahan :)

  6. fikriReply

    mas permisi, kalau buat web bagusan html atau xhtml ya

  7. AlzizalReply

    mas permisi, kalau mau belajar buat web bagusnya belajar html atau xhtml?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>