Cara Buat Template Blog Valid HTML5 100%
Pada awalnya saya malas menulis artikel ini untuk sobat karena panjang tapi setelah dipikir - pikir akhirnya saya tulis juga artikel ini. Sebenarnya artikel yang berjudul Cara Membuat Blog Valid Html5 sudah sangat banyak di pencarian google, akan tetapi yang satu ini tidak kalah hebat dengan artikel Cara Membuat Blog Valid Html5 di blog lain. Saya akan menjelaskan tentang html5 terlebih dahulu sebelum masuk ke tahap membuat blog valid html5.
Apa itu HTML5? HTML5 adalah pengembang html dari html yang sebelumnya. html5 ini dibuat dengan tujuan untuk memperbaiki teknologi html agar didukung oleh multimedia yang terbaru, mudah dibaca oleh anusia dan juga sangat mudah dimengerti oleh oleh mesin pencari contohnya googlebot, jadi inti dari dibangunnya html5 adalah agar web/blog terbaca sempurna di semua browser dan mudah dipergunakan.
- Membantu seacrh engine mengindeks dokumen blog dengan baik dan benar
- Render browser lebih baik dan cepat
- DOCUMENT OBJECK MODEL ( DOM ) lebih stabil dan konsisten
- Future Proof, yang berarti HTML lebih komplatible, backward complatible terhada browser terbaru
- Mengetahui kondisi web/blog lebih detail ( broken link )
- Lebih disukai browser - browser dan masih banyak lagi keuntungannya
<?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>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
<b:include data='blog' name='all-head-content'/>
<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>
<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>
<b:include name='quickedit'/>
<a expr:name='data:post.id'/>
<b:include data='post' name='postQuickEdit'/>
<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>
<div class='post-share-buttons goog-inline-block'>...sampai...</div>
<img alt="HTML5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJGFGaHKWrcBB7qHxK2_gAFyfXTshDPoIDkkW3FbXNegHPIZfReSG75y9mp9ohPXMCZQ1TkCFjUzlhlRPdK1CSIK2ysyDTR0PEp3UjSMhjF6hbqKQ0iZRuWNVh0DqD0MbPA89mHz53J3U/s1600/html5.png" />
style="border:none"
img{border:none}
style="border:none;overflow:hidden"
iframe{border:none;overflow:hidden}
<a name='comment-form'>
<a href='#comment-form'>
0 Response to "Cara Buat Template Blog Valid HTML5 100%"
Post a Comment