Validasi Html5 Pada Halaman Posting

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

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

Breadcrumbs

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

Gambar

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

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

hapus imageanchor="1", dan ganti border="0" dengan alt=" Dalam pembuatan template kita tidak di anjurkan untuk menciptakan template kita untuk Valid H Validasi HTML5 Pada Halaman Posting".

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 niscaya selalu menghapus <b:include name='quickedit'/>setelah menambah widget baru.

Ada yang perlu di perhatikan dikala menambahkan isyarat 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 isyarat yang benar menjadi :

<style type="text/css" scoped>

Komentar

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

uat valid HTML5:

- Gunakan Komentar Google Plus atau Gunakan Threaded Comments Hack

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

1. Cari semua isyarat yang menyerupai 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 isyarat hapus kode-kode berikut ini :
- allowtransparency='true'
- frameborder='0'
- src=''
- scrolling='no'
- width='100%'
- style='display: none'
2. Ganti isyarat 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: https://teritorinulled.blogspot.com/search?q=cara-membuat-validasi5.html

Bagikan Artikel ini