Cara Membuat Blog Menjadi Valid HTML5

HTML5 adalah pengembangan dari versi sebelumnya, dimana tujuan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Intinya, agar web/blog terbaca sempurna di semua browser dan mudah dalam penggunaan.

Lalu apa saja keuntungan dari memvalidasi blog menjadi HTML5?
1. Membantu search engine mengindeks dokumen website/blog lebih baik.
2. Render browser lebih baik dan lebih cepat.
3. Document Object Modol (DOM) lebih stabil dan konsisten.
4. Future Proof, yang berarti HTML lebih kompatible, backward compatible terhadap browser terbaru.
5. Mengetahui kondisi website/blog lebih detail (link-link broken, link mati, dst).
6. Lebih disukai browser-browser dan tentu masih banyak lagi keuntungan lain dari validasi HTML5 ini.

Ikuti langkah-langkah di bawah ini untuk mengatasi masalah dalam memvalidasi blog menjadi HTML5:

1. Masalah yang mirip seperti ini:

Cara agar blog Valid HTML5, zone-uchiha.blogspot.com, Uchiha Melvin, Uchiha Community, DeezClan

Cara mengatasinya:

Ubah kode seperti ini:

<?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'>

Dengan kode:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>

Lalu ubah kode <html> dan </html> menjadi huruf besar yaitu: <HTML> dan </HTML>

2. Untuk masalah seperti ini:

Cara mengatasinya :

Hapus aja kode yang mirip kode di bawah ini:

<b:include name='quickedit'/>
atau
<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>

3. Untuk masalah yang seperti ini:

Cara mengatasinya :

Hilangkan kode imageanchor pada tag img.
Hilangkan kode border pada tag img.
Terus tambahkan kode alt di setiap tag img.

4. Untuk masalah yang mirip seperti ini:

Cara mengatasinya :

Hapus kode <b:include data='blog' name='all-head-content'/>

Mungkin hanya segitu yang bisa saya sampaikan, dan bila ada pertanyaan, silakan berkomentar.

Terima kasih udah berkunjung di artikel saya ini, semoga bermanfaat dan sampai jumpa di artikel saya selanjutnya

3 comments

Balas

Unknown

17 January 2013 at 19:34

Azzz mau copas gak bilang2 -_-
Terus kata2

"Apa sih keuntungan menggunakan menjadikan blog Valid HTML5 ?"
Kalau kata si Irvan blog yang Valid HTML5 katanya lebih SEO Friendly dan lebih cepat, kalau menurutku sih mengikuti perkembangan jaman aja alias ikut-ikutan.

Dalam kata2 "kalau menurutku sih" wew jadi seolah-olah kau yang berkata -_-
======================
Tapi yang saya sukai hanyalah karena Menggunakan Link Sumber tetapi tetap saja tanpa Izin -_-