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"
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" |
0 komentar:
Post a Comment