Friday, June 17, 2011

Mengenal Aturan Penulisan XHTML Template Blogspot

Mengenal Aturan Penulisan XHTML Template Blogspot -  Saat menyisipkan kode atau mengedit template blogspot mungkin sobat blogger pernah mengalami pesan error. Pesan error itu biasanya could not be parsed atau element were not closed properly.

Perlu diketahui bahwa Template blogspot biasanya menggunakan tipe dokumen XHTML 1.0 Strict. Untuk itu, pada artikel ini akan dijelaskan  beberapa aturan penulisan XHTML, sehingga Anda dapat memperbaiki pesan error sendiri.

Pengenalan singkat mengenai HTML, XML dan XHTML

HTML (HyperText Markup Language) adalah sebuah bahasa yang digunakan untuk membuat sebuah halaman web. XML (Extensible Markup Language) adalah bahasa markup yang disarankan oleh W3C. XML merupakan kelanjutan dari HTML. XHTML (eXtensible HyperText Markup Language) adalah bentuk reformulasi dari HTML menggunakan aturan  XML. XHTML mirip dengan HTML tetapi mempunyai aturan sintaks yang lebih ketat.

Aturan Dasar Penulisan XHTML

Aturan dasar penulisan XHTML dibawah ini dimaksudkan supaya sobat blogger mengetahui tata cara penulisan XHTML agar nantinya tidak melihat pesan error saat mengedit template blogspot.

Penulisan Tag XHTML harus menggunakan lowercase

Karena XML adalah bahasa markup yang sensitif dan menggunakan lowercase, maka penulisan kode XHTML harus menggunakan huruf kecil. Sebagai contoh :
<TITLE>Mengenal Aturan Penulisan XHTML Template Blogspot</TITLE>
Seharusnya :
<title>Mengenal Aturan Penulisan XHTML Template Blogspot</title>
Nilai Attribut harus dalam tanda kutip

Semua nilai attribut harus diapit oleh tanda petik satu atau petik dua. Contoh nilai attribut yang tidak diterima oleh XHTML dan menyebabkan pesan error : Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly
<a href = http://kangamphi.blogspot.com>Kang Amphi</ a>
<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggV6xanmvAuTzdaiVcJV7JDaq6Oqw8Y4KKVrMtYM4pu7U3t6H5ezoZFqU7vgQ2tD5Mc1wW1EpVwa5mq_TXzDZbKb5SY5SYYESi0SmEiG9ULVeXhs5oQ5JDrs_lUYZRLC7bDpDvX_DFibJc/s1600/fav_amphi.png/>
Sebaiknya ditulis :
<a href ='http://kangamphi.blogspot.com' title='Kang Amphi'>Kang Amphi</ a>
<img alt='Kang Amphi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggV6xanmvAuTzdaiVcJV7JDaq6Oqw8Y4KKVrMtYM4pu7U3t6H5ezoZFqU7vgQ2tD5Mc1wW1EpVwa5mq_TXzDZbKb5SY5SYYESi0SmEiG9ULVeXhs5oQ5JDrs_lUYZRLC7bDpDvX_DFibJc/s1600/fav_amphi.png'/>
Penting : 
  1. Semua nilai attribut pada kode XHTML template blogspot (edit html) selalu diapit oleh tanda kutip satu ('), kecuali pada bagian deklarasi DocType (tipe dokumen) dan beberapa kode javascript lainnya.
  2. Nilai attribut pada kode HTML widget element selalu diapit oleh tanda kutip dua (")
  3. Jika Anda membuat postingan dengan menggunakan HTML Editor, pastikan nilai attribut diapit oleh tanda kutip dua (")

Element container harus memiliki tag penutup

Semua element harus memiliki tag penutup dan jika tidak biasanya akan muncul  pesan error : Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly

Untuk itu sebaiknya semua element harus memiliki tag penutup
<title>......</title>
<h2>.........</h2>
<a href>.... .</a>
<div>........</div>

Beberapa element kosong atau tunggal juga harus ditutup dengan benar

Contoh umum
<br>
<frame>
<div id='spacer'>
sebaiknya :
<br/>
<frame/>
<div id='spacer'/>

Element harus ditutup dengan urutan yang benar

Maksudnya unsur-unsur harus ditutup dalan urutan terbalik. Jika tidak, maka akan mencul pesan error atau element tidak akan tampil

Contoh kode dibawah yang tidak diterima oleh XHTML:
<form><table> ... </form></table>
Seharusnya :
<form><table> ... </table></form>

Struktur template blogspot hanya memliki satu elemen root

Dalam dokumen XHTML semua kode bersarang antara <html> dan </html>. Strukur dokumen akan terlihat seperti berikut :
<html>
<head> ... </head>
<body> ... </body>
</html>
Karakter Khusus

Jika Anda lebih suka membuat postingan menggunakan HTML Editor, gunakan tanda disebelah kanan jika ingin menampilkan karakter khusus seperti yang ada disebelah kiri, agar supaya karakter khusus tersebut tidak dieksekusi oleh browser.

" &quot;
& &amp;
< &lt;
> &gt;

Sampai disini dulu, jika ada penambahan akan saya update lagi. Atau, sobat blogger ingin menambahkan? Silahkan mengisi kotak komentar.




Share on :