Validasi HTML5 Pada Halaman Posting

Validasi HTML5 Pada Halaman Posting

Validasi HTML 5 Pada Halaman Posting - Dalam pembuatan template kita tidak di anjurkan untuk membuat template kita untuk Valid HTML5 tapi akan lebih bagus jika sampai Valid TML5, pada postingan sebelumnya sudah saya jelaskan bagaimana Cara membuat Validasi HTML5 Blogger. Namun dalam tutorial sebelumnya masih dalam tahap validasi halaman depan saja(Homepage).

Hal-hal dibawah ini yang perlu anda perhatikan agar halaman posting valid HTML5:

Breadcrumbs

Menggunakan markup rdfa membuat halaman tidak valid ,agar valid gunakan markup microdata: Membuat Navigasi SEO dan valid HTML5

Gambar

Apabila ada mengupload photo pada postingan maka akan tampak kode seperti:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghNil7umiHzP3OKkIXejffXqoTWkWmdqStuBBMRf3uskaTv5t7WsX4vGjN8QssiZxZ5JB6UZRcoXrQ2KSblfcEF2gbUl-WRjmDQoxj19zAMM285bZ0Y2FH4Q46WxALzTWq0gHrc5IjkKXQ/s1600/head.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghNil7umiHzP3OKkIXejffXqoTWkWmdqStuBBMRf3uskaTv5t7WsX4vGjN8QssiZxZ5JB6UZRcoXrQ2KSblfcEF2gbUl-WRjmDQoxj19zAMM285bZ0Y2FH4Q46WxALzTWq0gHrc5IjkKXQ/s1600/head.jpg" /></a></div>

hapus imageanchor="1", dan ganti border="0" dengan alt="keterangan gambar".

Tombol Share/Like

Gunakan Tombol Share sosial media yang Valid HTML5 [ Baca: Memasang Button Sosial Media dengan Font Awesome ]

Related Post

Rekomendasi Gunakan Related Post yang Valid HTML 5

Widget

Untuk validasi widget sebetunya sudah dibahas pada artikel yang lalu. yang pasti selalu menghapus <b:include name='quickedit'/>setelah menambah widget baru.

Ada yang perlu di perhatikan saat menambahkan kode dalam widget mungkin anda menggabungkan antara CSS,HTML, dan Javascrip pada widget.
Kode <style type="text/css"> inilah yang menyababkan error, untuk solusinya tambahkan scoped atau scoped='' atau scoped='scoped'. Inilah yang dinamakan Boolean Attribute. Maka kode yang benar menjadi :

<style type="text/css" scoped>

Komentar

Inilah penyumbang error terbanyak pada validasi. Dengan menggunakan komentar standar blogger, akan sulit melakukan validasi. Ada 2 cara yang saya rekomendasikan untuk memb

uat valid HTML5:

- Gunakan Komentar Google Plus atau Gunakan Threaded Comments Hack

Apabila anda menggunakan Thread Comments Hack Valid HTML5, ada beberapa langkah yang harus anda lakukan dalam validasi html5 ini.

1. Cari semua kode yang seperti di bawah ini (ada beberapa kode)

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' scrolling='no' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

Hapus kode hapus kode-kode berikut ini :
- allowtransparency='true'
- frameborder='0'
- src=''
- scrolling='no'
- width='100%'
- style='display: none'
2. Ganti kode berikut:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

dengan kode:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>

Semoga Bermanfaat.

sumber: http://blog.kangismet.net/2013/09/tips-membuat-halaman-posting-valid-html5.html