Beberapa waktu yang lalu, saya mencoba mengubah template yang saya gunakan pada blog ini agar valid HTML5. Dalam eksperimen trial error yang saya lakukan, terdapat banyak permasalahan yang membuat template blogspot tidak valid HTML5. Dan alhasil, template blog ini akhirnya valid html5 walaupun belum 100%, namun saya akan terus bereksperimen. Pada kesempatan ini saya akan membagikan beberapa permasalahan yang saya temui dalam eksperimen yang telah dilakukan, beserta cara mengatasinya. Oke langsung aja simak ulasannya berikut ini. :)
Warning: Obsolete doctype. Expected <!DOCTYPE html>
Untuk kasus ini, cara mengatasinya cukup gampang. Kita hanya harus mengganti struktur <!DOCTYPE html ...bla..blaa..blaa> bawaan blogger yang ribet menjadi lebih simple dengan bentuk struktur hanya seperti ini: <!DOCTYPE html>.
Error: Attribute xmlns:"...bla..bla.." not allowed here
Dalam konteks ini, serupa dengan permasalahan <!DOCTYPE> untuk mengatasinya kita hanya harus mengganti struktur <html xmlns:"...bla..bla..."> bawaan blogger menjadi hanya seperti ini: <html>.
Error: Bad value language for attribute name on element meta: Keyword "..blaa..blaa" is not registered
Hal ini disebabkan oleh penggunaan struktur meta tag yang tidak diizinkan
dalam html5. Untuk mengatasinya, kita harus mengubah semua struktur meta
tag yang ada menjadi meta tag yang diizinkan dalam html5.
Error: & did not start a character reference. (& probably should have been escaped as &.)
Jika diterjemahkan ke dalam bahasa Indonesia, kurang lebih maknanya seperti ini "Kesalahan: karakter & tidak tercantum dalam referensi html5. & mungkin akan dapat dipahami bila diganti dengan &".
Untuk mengatasi masalah tersebut, ada 2 hal yang saya lakukan:
- Menghapus kode <b:include name='quickedit'/> di dalam listing template. Jika terdapat lebih dari satu buah, maka harus dihapus semuanya.
- Mengganti karakter & pada url yang terdapat di dalam listing template menjadi & dan jika masih terdapat error dengan kode yang sama, maka dapat diakali dengan mengganti karakter & menjadi &amp;
Error: Element style not allowed as child of element body in this context. (Suppressing further errors from this subtree.)
Jika diterjemahkan ke dalam bahasa Indonesia, kurang lebih maknanya seperti ini "Kesalahan: dalam konteks ini element style tidak diizinkan sebagai anak element dari body." Dari sini sudah jelas diterangkan bahwa element <style></style> yang terdapat dalam listing template tidak diizinkan berada di dalam tag <body></body>. Maka cara mengatasinya adalah dengan mencari element <style></style> yang terdapat dalam tag <body></body> lalu pindahkan element tersebut pada tempat yang diizinkan yaitu diantara tag <head></head>.
Demikianlah beberapa Permasalahan Validate HTML5 Template Blogspot yang dapat saya bagikan dalam kesempatan ini. Saya akan tetap terus melanjutkan eksperimen valid HTML5 untuk template blog ini, untuk permasalahan-permasalahan yang lain akan saya update beberapa waktu mendatang. Terima kasih atas kunjungannya.. :)
Catatan Harian Abdie
Published:
2014-04-28T16:16:00-07:00
Title:Mengatasi Beberapa Permasalahan Validate HTML5 Template Blogspot
Rating:
5 On
22 reviews