Disini saya akan memberikan tutorial tentang
Cara Membuat Blog 100% Valid HTML5 , kelebihan HTML5 ini menurut saya lebih validasi, cepat, canggih dan tentunya mengikuti kemajuan jaman. dengan HTML5 ini tentu ada perbedaan dibanding HTML4 diantaranya, HTML5 memiliki tag baru yaitu : <header>, <article>, <footer> dan masih banyak lagi, namun di HTML5 ini ada tag yang dikurangi salah satunya tag <center>, tapi tenang kita dapat mengatur letak center tanpa tag tersebut yaitu dengan css.
Sebelumnya silahkan cek telebih dahulu jumlah error validasi blog anda, ingat tujuan artikel ini adalah memberi tutorial agar blog anda valid yaitu 0 Error dan 1 Warning seperti blog ini.
nah langsung saja...
1. Ganti kode :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
dengan :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
2. Ganti kode :
</html> dengan </HTML>
3. Hapus kode-kode html di bawah ini :
<div class='post-share-buttons goog-inline-block'>
kode lain...
</div>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:include name='quickedit'/>
<b:include data='blog' name='all-head-content'/>
4. Hindari Tag <center> karena HTML 5 tidak Support
5. Hapus Widget dibawah ini (Jika ada) :
- Google+ Followers
- Pengikut
- Share Button
- Statistic (Penghitung jumlah pengunjung)
6. Perhatikan Hal berikut :
- Tambahkan tag alt di setiap tag <img>
- Hilangkan kode imageanchor pada tag img.
- Hilangkan kode border pada tag img.
Sekian Tutorial Saya tentang
Cara Membuat Blog 100% Valid HTML5 semoga bermanfaaat dan berguna bagi anda yang membaca.