Semakin banyak pada desainer template yang beralih ke HTML5,
entah memulai dari membuat template baru ataupun memodifikasi template lama.
Dalam proses modifikasi itu biasa dilakukan perubahan-perubahan terhadap script
lama yang dinyatakan tidak valid HTML5.
Nampaknya HTML5 ini belum menjadi sesuatu yang mengikat atau
wajib. Dalam urusan SEO dan SERP misalnya, belum ada tendensi bahwa website
atau blog yang menggunakan HTML5 memiliki keunggulan mutlak dibanding bila
menggunakan HTML versi sebelumnya. Meskipun demikian, para penyuka teknologi
yang lebih baru tentu tidak akan melewatkan isu penggunaan HTML5 ini begitu
saja.
Saya akan mencoba menyajikan beberapa error dan warning akibat
tidak valid HTML5 beserta solusinya. baru sebagian kecil saja yang sering
terjadi.
Error 1
Error: Bad value 50px;
for attribute height on element img: Expected a digit but saw p instead.
From line 675, column 1; to line 675, column 222
: block'>↩<img alt='Kontak Media Online'
height='50px; ' id='Header1_headerimg'
src='http://3.bp.blogspot.com/…pI/AAAAAAAAJv4/3ttOdBNcJ-A/s1600/Logo%2BKontak%2BMedia.png'
style='display: block' width='230px; '/>↩</a>↩
Solusi
Error seperti ini biasa muncul bila sobat menambahkan logo
atau banner pada bagian header. Gunakan Control + F untuk mencari sintaks
seperti ini :
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"'
expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
Silahkan hapus sintaks yang diblok merah kemudian Save.
Error 2
Error: & did not start a character reference. (&
probably should have been escaped as &.)
At line 689, column 82 361236701470684&widgetType=HTM
Solusi
Error seperti ini biasa muncul saat sobat menambahkan widget
baru. Cari sintaks widget baru tersebut pada template anda. Lakukan expand
widget pada dan cari sintaks seperti ini :
<b:include name='quickedit'/>
Silahkan dihapts sintaks tersebut setiap kali anda
menambahkan widget baru.
Warning 1
Warning: The name attribute is obsolete. Consider putting an
id attribute on the nearest container instead. From line 715, column 1; to line
715, column 30 hentry'>↩<a
name='1116550572700152609'></a>↩<
Solusi
Cari sintaks seperti ini :
<b:includable id='post' var='post'>
<div class='post
hentry'>
<a
expr:name='data:post.id'/>
Ganti name oleh id sehingga menjadi : <a
expr:id='data:post.id'/>
Warning 2
Warning: The border attribute is obsolete. Consider
specifying img { border: 0; } in CSS instead.
From line 983, column 1; to line 983, column 143
'_blank'>↩<img alt='' border='0'
height='72' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8VFf5MBmobCPAA_UzifPVtsoqP706Uhxh_4N0jzQRZ-B6SGks22LuJ8rR6krcx7Ktco6cfbdN2mxhC09bSpEC2CYQtqDNtvMxMJyrd5zIK_Z7F_KGpwEV38-NkXj-dI3ohoL9FrdSEald/s72-c/Pool8.png'
width='72'/>↩</a>↩
Solusi
Warning ini bisanya muncul pada widget Popular Posts. cari
semua sintaks seperti ini :
<img alt='' border='0' expr:height='data:thumbnailSize'
expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
Ganti sintaks yang diblok merah dengan : style ='border:0'
Demikianlah artikel dari Kontakmedia yang berjudul Mengatasi Beberapa Error dan Warning Saat Validasi HTML5, semoga bermanfaat. Dan terima kasih untuk Anda yang telah berkunjung ke blog ini.