Membuat Gambar Valid HTML5 Pada Blogger

Jika sebelumnya aku menulis artikel tentang Breadcrumbs SEO Friendly dan Valid HTML5. Kali ini aku berbagi tips membuat gambar Valid HTML5. Artikel ini mirip dengan artikel aku berjudul  Memasang Tag Alt Pada Gambar.

Seperti yang kita ketahui, saat kita unggah gambar di blogger kode gambar tersebut tidak Valid HTML5 atau lebih tepatnya seperti contoh pada kode dibawah ini.

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-S1MoIh1jkUU/U1KDhXhMmhI/AAAAAAAAAPU/TYVNo8dXZmI/s1600/BOX+HTML5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="http://3.bp.blogspot.com/-S1MoIh1jkUU/U1KDhXhMmhI/AAAAAAAAAPU/TYVNo8dXZmI/s1600/BOX+HTML5.jpg" />
</a>
</div>

Silakan Anda rubah kode diatas menjadi seperti kode dibawah ini agar Valid HTML5. Anda isi tag alt pada kode dibawah dengan nama gambar.

<div class="separator" style="clear: both; text-align: center;">
<img alt="Judul" src="http://3.bp.blogspot.com/-S1MoIh1jkUU/U1KDhXhMmhI/AAAAAAAAAPU/TYVNo8dXZmI/s1600/BOX+HTML5.jpg" />
</div>