Cara Membuat Gambar Header Blog Valid HTML5

Unknown

Kamis, 20 Februari 2014

Belum ada komentar

Cara Membuat Gambar Header Blog Valid HTML5 - Kali ini saya akan memberitahukan cara agar Logo / Gambar pada header Blog menjadi valid HTML5. Yang dimaksudkan header gambar di sini bukan secara keseluruhan atau background image, melainkan logo pada header. Biasanya, penggunaan header image ini akan menyumbangkan 2 error pada validasi HTML.

Hal ini dikarenakan adanya width dan height yang terpisah. Seperti kita ketahui, seharusnya tinggi dan lebar gambar harus ada pada CSS terpisah atau menggunakan inline CSS seperti style='width:212px;height:55px'.

Peringatan pada HTML5 Validator apabila gambar pada header tidak valid HTML5

Untuk mengatasi Header Image tidak valid HTML5, ikuti langkah - langkah berikut.
Cari kode 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'/>

Untuk mempermudah gunakan Ctrl+F dan cari potongan kode seperti img expr:alt='data:title'. Kemudian hapus kode expr:height='data:height' dan expr:width='data:width' sepeti yang saya tandai pada kode di atas.

Lalu simpan template sobat, dan cek kembali menggunakan HTML5 Validator.

Semoga bermanfaat...