Sintaksis XHTML

Menulis kode XHTML memerlukan sintaksis HTML yang bersih

Aturan sintaksis XHTML yang lebih banyak:

  • Nama atribut harus kecil
  • Nilai atribut harus ditambahkan kutip
  • Atribut tidak dapat disingkatkan
  • Gunakan atribut Id untuk menggantikan atribut name
  • DTD XHTML mendefinisikan elemen HTML yang wajib digunakan

Nama atribut harus kecil

Ini adalah yang salah:

<table WIDTH="100%">

Ini adalah yang benar:

<table width="100%">

Nilai atribut harus ditambahkan kutip

Ini adalah yang salah:

<table width=100%>

Ini adalah yang benar:

<table width="100%">

Atribut tidak dapat disingkatkan

Ini adalah yang salah:

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

Ini adalah yang benar:

<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />

Berikut adalah daftar atribut singkat HTML serta pengecekan ulang dalam XHTML:

HTML XHTML
compact compact="compact"
checked checked="checked"
declare declare="declare"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"
noresize noresize="noresize"

Ganti properti name dengan id

HTML 4.01 menentukan properti name untuk elemen berikut: a, applet, frame, iframe, img, dan map.

Dalam XHTML, penggunaan properti name disarankan untuk diganti dengan id.

Ini adalah yang salah:

<img src="picture.gif" name="picture1" />

Ini adalah yang benar:

<img src="picture.gif" id="picture1" />

Peringatan Kepentingan tentang Kompatibilitas:

Anda harus menambahkan spasi ekstra sebelum simbol "/", untuk memastikan bahwa XHTML Anda kompatibel dengan browser saat ini.

Properti Bahasa (lang)

Properti lang digunakan untuk hampir semua elemen XHTML. Ini menentukan jenis bahasa yang digunakan untuk konten dalam elemen.

Jika digunakan properti lang di dalam elemen, maka harus ditambahkan xml:lang ekstra, seperti ini:

<div lang="no" xml:lang="no">Heia Norge!</div>

Elemen XHTML yang wajib digunakan

Semua dokumen XHTML harus melakukan deklarasi jenis file (DOCTYPE deklarasi). Dalam dokumen XHTML, harus ada elemen html, head, dan body, dan elemen judul (title) harus berada di dalam elemen head.

Berikut adalah contoh template file XHTML yang minimis:

<!DOCTYPE Deklarasi Doctype disini>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Berikut adalah judul disini</title>
</head>
<body>
</body>
</html>

Petunjuk:Deklarasi tipe berkas bukan bagian dari dokumen XHTML sendiri. Ini bukan elemen XHTML, dan tidak ada tag penutup.

Petunjuk:Di XHTML, atribut xmlns di dalam tag <html> adalah wajib. Namun, bahkan jika atribut ini tidak ada dalam dokumen XHTML, alat verifikasi w3.org tidak akan menampilkan kesalahan. Ini disebabkan karena "xmlns=http://www.w3.org/1999/xhtml" adalah nilai tetap, bahkan jika Anda tidak menambahkannya ke kode, nilai ini akan ditambahkan ke tag <html>.

Anda akan belajar lebih banyak tentang deklarasi tipe dokumen XHTML di bab berikutnya.