How to Make a Blog For Valid HTML5 : Menurut Wikipedia HTML 5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
Fungsi dari membuat Blog Valid TML5 menurut berbagai sumber adalah sebagai berikut :
- Membantu Search Engine untuk mengindeks dokumen website/blog lebih baik.
- Render browser lebih baik dan lebih cepat
- DOCUMENT OBJECT MODEL (DOM) lebih stabil dan konsisten.
- Future Proof, yang berarti HTML lebih kompatible, backward compatible terhadap browser terbaru.
- Mengetahui kondisi website/blog lebih detail ( link-link broken, link mati, dst).
- Lebih disukai browser-browser dan tentu masih banyak lagi keuntungan lain dari validasi HTML.
Pertama yang Anda harus perhatikan kode seperti dibawah 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'>
<head>Kemudian ganti dengan kode berikut
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>Cari kode
</html> dan ubah seperti ini </HTML>
Ganti kode
<b:include data='blog' name='all-head-content'/>Dengan
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>Ganti
<b:skin><![CDATA[ dengan kode dibawah :<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<style type="text/css"> <!-- /*<b:skin><![CDATA[*/]]
<style>Hapus semua kode seperti berikut setiap kali menambahkan widget
<b:include name='quickedit'/>Cari
<a expr:name='data:post.id'/>Cari lagi kode seperti ini dan hapus
<b:include data='post' name='postQuickEdit'/>Atau seperti ini
<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>Ganti semua kode
& dan ganti dengan &
Agar Blog 100% Valid HTML5 perhatikan hal-hal dibawah ini:
1. Gunakan alt pada gambar
<img alt="Contoh" src="url gambar" />2. Jangan pernah menggunakan
border="0" pada gambar, sebagai gantinya tambahkan kode :style="border:none"atau CSS terpisah seperti
img{border:none}3. Pada iFrame, jangan menggunakan
frameborder="0" atau allowtransparency:"true" scrolling="no", sebagai gantinya gunakan kode :style="border:none;overflow:hidden"atau CSS terpisah seperti
iframe{border:none;overflow:hidden}4. Pada tag
a jangan menggunakan tag name seperti :<a name='comment-form'>sebagai gantinya gunakan
id seperti :<a href='#comment-form'>5. Jangan ada dua
id pada template.6. Hapus kode
<b:include name='quickedit'/> setiap menambahkan widget baru.
Sumber : http://blog.kangismet.net/2013/08/cara-membuat-blog-valid-html5.html
Click here for comments 0 komentar:
Dilarang menambahkan link aktif ataupun meng-iklankan suatu produk dll.
Komentar yang tidak bertanggung jawab menggunakan anonim akan segera dihapus.