Mengatasi Beberapa Error dan Warning Saat Validasi HTML5



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 + &quot;_headerimg&quot;' 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 &amp;.)
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='http://3.bp.blogspot.com/-fNmt77pNmOM/Vcch9-tinMI/AAAAAAAAJr4/v8zTB7T30dE/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'

IKLAN INI BUKAN BAGIAN DARI ARTIKEL

No comments: