FITUR-FITUR HTML 5
HTML 5 merupakan penerus dari HTML 4.01 walaupun versi stable-nya baru
keluar pada 2014, HTML 5 sudah dapat digunakan saat ini. HTML 5 tidak hanya
mewarisi kemampuan-kemapuan dari HTML 4.01 namun juga mengalami sedikit
berubahan dan tambahan fitur-fitur, berikut adalah beberapa fitur-fitur baru
pada HTML 5 :
Coding lebih mudah dan logis :
HTML 5 memiliki coding yang sedikit berbeda pada HTML 4.01 namun lebih
mudah dan logis :
1. New Doctype : Pada HTML 5 penulisan DOCTYPE menjadi lebih mudah karena
tak lagi harus mencari kode tersebut di google. Seperti perbandingan di bawah
ini :
Pada HTML 4.01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Pada HTML 5
<!DOCTYPE html>
2. Tidak ada lagi attribut Type untuk tag Link dan Script : Tak perlu lagi
menggunakan attribut Type saat menggunakan tag Link maupun Script. Seperti
contoh dibawah ini :
Pada HTML 4.01
<link rel="stylesheet" href="path/to/stylesheet.css"
type="text/css" />
<script type="text/javascript"
src="path/to/script.js"></script>
Pada HTML 5
<link rel="stylesheet"
href="path/to/stylesheet.css" />
<script src="path/to/script.js"></script>
3. Header dan Footer berubah : Jika pada HTML 4.01 Header dan Footer hanya
menandai awal dan akhir dari sebuah halaman mana pada HMLT 5 Header dan Footer
dapat digunakan pada awal dan akhir pada section yang ada. Ini artinya, kedua
tag ini mungkin akan digunakan lebih dari sekali di seluruh bagian halaman.
Contohnya :
Syntax baru :
- <article> – tag ini mendefinisikan artikel, posting atau komentar dari pengguna, atau suatu konten yang independen
- <aside> – tag aside pada HTML5 menandakan suatu konten yang terpisah (aside) dari konten sebuah halaman, seperti sebuah sidebar
- <header>,<footer> – Anda tidak perlu lagi mendefinisikan ID header atau footer, gunakan tag ini untuk menggantikannya
- <nav> – navigasi pada website Anda dapat ditaruh didalam tag nav, yang dapat secara otomatis membuat daftar Anda seperti sebuah navigasi
- <section> - tag ini dapat mendefinisikan section apapun dalam document Anda. Section bekerja kurang lebih seperti div yang memisahkan section yang berbeda
- <audio>,<video> – jelas sekali ini adalah tag penanda untuk konten suara dan video, yang sekarang dapat lebih mudah dijalankan dari berbagai device
- <embed> – tag baru ini berfungsi untuk menampilkan konten interaktif (plugin) atau aplikasi eksternal
- <canvas> – canvas tag ini cukup menarik, memungkinkan Anda menggambar menggunakan script kode seperti JavaScript.
Untuk lebih lengkapnya : disini
Diatas merupakan beberapa fitu-fitur pada HTML 5, masih banyak lagi fitur-fitur
yang dimiliki HTML 5 dan akan bertambah saat versi stable-nya muncul demi penggunaan yang lebih mudah dan lebih
canggih lagi.
Referensi :
- http://en.wikipedia.org/wiki/HTML5
- http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/
- http://www.mattjunior.com/2013/05/pengenalan-html-5-apa-itu-html-5-dan-apa-fitur-yang-baru-di-html-5/
- http://www.w3schools.com/html/html5_new_elements.asp
