Tweet |
Halo teman-teman semua?. Jumpa lagi dengan Putupunyablog. Pada kali ini saya memposting artikel Cara Mudah Agar Template Blog Valid HTML5. Pasti diantara teman-teman sudah tidak sabar menunggu artikel seperti ini kan?. Sebelum saya kasih tutorialnya, ada baiknya saya jelaskan. Apa itu Valid HTML5?. Karena mungkin diantara teman-teman belum tahu dan belum paham dengan Valid HTML5.
![Cara Mudah Agar Template Blog Valid HTML5 Cara Mudah Agar Template Blog Valid HTML5](http://www.blogcdn.com/www.switched.com/media/2010/05/html5.jpg)
HTML singkatan dari Hyper Tesk Markup Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa “tag” atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor. Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat pembuatannya menggunakan satu OS tertentu saja.
HTML telah melalui banyak revisi, dan untuk itu, sekarang HTML 5 sudah mulai dikembangkan dan digunakan. HTML 5 ini dipublikasikan oleh HTML Working Group di tanggal 23 April, yang membebaskan developer ketika akan menulis aplikasi untuk system operasi yang spesifik.
Kelebihan Dan Kekurangan HTML5
Beberapa kelebihan yang dijanjikan pada HTML 5 :1. Dapat ditulis dalam sintaks HTML (dengan tipe media teks/html) dan XML.
2. Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
3. Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
4. Penulisan kode yang lebih efisien.
5. Dapat dimengerti oleh peramban lawas (backwards compatible). Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi.
Elemen Baru Di HTML5
Demi mewujudkan struktur halaman web yang lebih baik semantik dan aksesibilitasnya, dikenalkanlah beberapa elemen baru, diantaranya :1. Section serupa seperti h1-h6.
2. Article bisa berupa entri blog atau tulisan konten.
3. Aside menyajikan konten pelengkap.
4. Header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi.
5. Footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya.
6. Dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan.
7. Yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas dan elemen terkait berkas multimedia lainnya.
Atribut Baru Di HTML5
Dikenalkan pula beberapa atribut baru, seperti :1. Atribut media, ping pada elemen pranala,
2. Autofocus, placeholder, required, autocomplete dan sebagainya, terkait elemen input dan form
3. Reversed pada elemen ol untuk urutan besar ke kecil.
Perubahan Makna Elemen
Ada beberapa elemen yang berubah makna, diantaranya :1. Elemen b dilegalkan sebagai tipografi penegas, seperti pada kata kunci yang ingin ditonjolkan, tidak ‘deprecated’ (bukan fitur yang dianggap usang). Tidak lebih dari itu. Jadi tetap tidak bermakna semantik tertentu. Hal yang sama berlaku pula untuk elemen i.
2. Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi.
3. Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya.
Elemen Dan Atribut Yang Tidak Digunakan
Berikut ini beberapa elemen dan atribut yang tidak lagi muncul pada HTML 5 :1. center,
2. font
3. strike, u, big
4. frame, frameset, noframes
5. acronym
6. longdesc
7. scope pada td
Contoh HTML5
![Cara Mudah Agar Template Blog Valid HTML5 Cara Mudah Agar Template Blog Valid HTML5](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg22d1WKXieBx5gxdGR9V_yBzTsJENodo8YweAI2YSQkYDLt4Af0QTGBC2obQH9udyKtglRpGqlm9zIXP2iOt11iQawO-46BmSoZf6n6lEgHDPxDHcEtO5NCeUxRw_LOpderxVPsllUn0PG/s1600/Html5.png)
Yang Membedakan Dari Html Biasa
1. Tidak perlu lagi memakai
2. Deklarasi adalah ‘case-insensitive’. Tidak harus huruf besar/kapital semua.
Browser Yang Mendukung HTML
1. Opera Web Browser (mulai dari Opera 9.2 sampai yang terbaru saat ini yaitu opera 10)Bagaiman?. Sudah jelas semuanya?. Berikut ini adalah cara agar template blog valid hmtl5 :
2. Safari (mulai dari versi 3.1)
3. FireFox (Mulai dari FireFox 3 )
4. Google Chrome (Mulai dari versi 3)
5. Internet Explorer (Mulai dari versi 8 )
1. Login ke akun blogger anda.
2. Template >> Edit Html >> Lanjutkan >> Centang "Expand Template Widget".
3. Tekan CTRL + F.
4. Hapus semua kode tepat diatas kode <head> dengan kode dibawah ini!.
<?xml version="1.0" encoding="UTF-8" ?>5. Cari dan hapus kode seperti dibawah ini /* sampai /*. Contoh :
<!DOCTYPE html>
<HTML>
<b:skin><![CDATA[/*Nantinya menjadi seperti dibawah ini! :
-----------------------------------------------
Blogger Template Style
Name: Seo Friendly Template
Date: 26 Feb 2009
----------------------------------------------*/
<b:skin><![CDATA[6. Cari kode </html> dan ganti dengan kode </HTML>
7. Hapus semua kode yang seperti dibawah ini! :
<b:include name='quickedit'/>Dan
<a expr:name='data:post.id'/>8. Tambahkan kode berikut ini tepat di BAWAH kode </head>
<!-- <body><div></div> -->9. Jangan lupa klik "Simpan".
10. Jika anda memposting menggunakan gambar, gunakan kode seperti dibawah ini!.
<div class="separator" style="clear: both; text-align: center;">
<img alt="Keyword Gambar" height="236" src="URL GAMBAR" title="JUDUL Gambar" width="320" /></div>
Jika sobat pernah meng-upload gambar pada postingan yang lama, Silahkan sobat edit dan ganti kode gambar tersebut dengan kode gambar diatas agar semua gambar di blog sobat valid. Jika sudah selesai silahkan cek ulang blog sobat di http://validator.w3.org/ dan semoga template sobat akan lebih valid.
Semoga Bermanfaat Untuk Anda.
Refferensi :1. http://www.google.co.id/
2. http://4.bp.blogspot.com/
3. http://www.blogcdn.com/
4. http://setiawanputu.blogspot.com/
5. http://maz-waone.blogspot.com/
6. http://sejutatrik.blogspot.com/
Bermanfaat sekali sob..
BalasHapusKunjungan balik ya kata-newbie.blogspot.com
Oke sob.. Langsung ke TKP..
HapusWaduh..
BalasHapusYg kyak begini yg ribet..
Mantap info'a gan..
hehe.. ia ga.. sebenarnya template saya ini valid HTML5, tapi skrang bnyak error & warning :D.. soalnya susah gan.. :D
Hapusterima kasih atas komentarnya.. ;)
Thanks sob infonya
BalasHapusmambir balik yah ke blog 4-Cheats
oke sob.. sama-sama :).
Hapustadi udah mampir sob.. :D
Iya sob, Sama-sama :)
BalasHapuspingin nyoba menvalidkan template blog yg saya gunakan sekarang tapi .... biarlah sing penting tetap update artikel dulu, makasih ya...
BalasHapusIya gan,, itu yang terpenting...
HapusTerima kasih atas komentarnya gan..
krng ngerti ane gan, mklum masih nubie hahaha........
BalasHapusane bookmark dulu artikelnya, tar ane coba
mkasih
thanks sob,,
BalasHapusartikel ini membantu saya
http://mitradecapri.blogspot.com/
wah artikel yang sangat bagus mas, dengan gaya bahasa yang lentur dan mudah dipahami. Makasih infonya mas. :)
BalasHapusWah caranya ribet amat nih !
BalasHapushttp://yoga-tc.blogspot.com/
Mksih infonya sob
BalasHapuskunjungi blog saya ya
http://www.mas-edward.blogspot.com/
akhirnya update juga nih blog
BalasHapusthnk atas infonya..
jangan lupa mampir di blog ane yah kang
http://maftuhijore.blogspot.com/2013/12/cara-membuat-blog-seo-100-di-chkme-dot.html