Cara Membuat Header Image / Logo Valid HTML5 - Kali ini saya akan mencoba untuk membagikan tutorial Cara Membuat Header Image / Logo Valid HTML5 yang saya temukan karena saya pernah mngalami error di header. Sebelum masuk kecera mengatasinya saya akan menjelaskan sedikit tentang error yang di sebabkan oleh header image atau logo.
Jika header image atau logo tidak di validasi akan menimbulkan dua error yang dikarenakan adanya width dan height yang terpisah, seperti yang kita ketahui seharusnya width dan height itu dalam inline css seperti style='width:202px;height:50px'.
Peringatan error yang di berikan oleh w3 validator kurang lebih seperti gambar dibawah ini
Untuk mengatasi header image yang tidak valid HTML, silahkan cari kode 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'/>
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' seperti yang saya tandai pada kode di atas.
Setelah disave, coba test lagi menggunakan HTML5 validator.
