Aturan Penulisan XHTML

Aturan Penulisan XHTML sangat memerlukan penulisan HTML yang baik, agar tidak terjadi kesalahan. Biasanya pertama kita harus mengecek tag HTML dulu, apakah sudah sesuai atau belum.Berikut beberapa aturan dalam penulisan sintak XHTML:

Aturan Penulisan XHTML:

1. Nama atribut harus dengan huruf kecil (lower case)
2. Nilai Atribut harus diapit tanda petik atau harus didalam quate(")
3. Atribut "name" digantikan dengan atribut "id"
4. Atribut tidak dapat disederhanakan
5. XHTML DTD mendefinisikan legalisasi elemen (keterangan lebih lanjut klik disini)

1. Nama atribut Lower case

Semua nama atribut di XHTML harus ditulis dengan huruf kecil. Berikut contoh nya,

Contoh script salah:
<table WIDTH="100%">

Contoh script benar
<table width="100%">

Kesalahan diatas terletak pada penulisan atribut WIDTH yang ditulis dengan huruf besar seharusnya ditulis dengan huruf kecil.

2. Nilai Atribut harus diapit tanda petik

Nilai atribut XHTML harus diapit tanda petik ("..")

Contoh script salah:
<table width=100%>

Contoh script benar
<table width="100%">

kesalahan pada nilai 100%, seharusnya diapit tandak petik dua(width="100%")


3. Atribut "name" Diganti Dengan Atribut "id"

Pendefisian pada HTML 4.o1 "name" digunakan untuk memeberikan nama pada sebuah applet, frame, iframe, img dan map.

Dalam XHTML pendefisian atribut "name" diganti dengan "id"

Contoh script salah:
<img src="picture.gif" name="picture1" />

Contoh script benar:
<img src="picture.gif" id="picture1" />

Untuk keperluan interoperabilitas dengan browser lama, kedua atribut dapat digunakan.

Contoh penggunaan kedua atribut secara bersamman:

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

Untuk dapat didukung oleh browser versi lama, anda harus menggunakan baik nama maupun id seperti contoh diatas.


4. Atribut tidak dapat disederhanakan

Atribut tidak dapat disederhanakan dengan cara menghilangkan nilai atributnya Contoh berikut menunjukan perbandingan antara skrip salah dan benar

Contoh script salah:

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

Contoh script benar:

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

Berikut adalah table daftar penyerderhanaan atribut dalam HTML dan bagaimana seharusnya penulisanya 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"

Gimana Penjelasanya? mudah bukan... :)

Terimakasih sudah mengunjungi blog ini... :D