HTML 5 menjanjikan fleksibilitas lebih bagi penulis, memungkinkan Website lebih menarik dan interaktif serta memperkenalkan dan meningkatkan berbagai Fitur, seperti Kontrol bentuk, API, multimedia, struktur, dan semantik.
HTMl 5 Mulai bekerja pada tahun 2004, dibawah asuhan W3C HTML WG dan WHATWG. Bahkan, Empat Vendor Browser besar seperti Firefox, Apple, Opera, Dan Google kabarnya ikut mengembangkan HTML 5.
Nah, Struktur Dasar HTML dapat anda lihat dibawah ini:
- Struktur HTMl 4 yang masih menggunakan Elemen div yang masing-masing memberikan id deskriptif atau kelas untuk menggambarkan bagian-bagian khusus. Maklum Versi HTML 4 masih kekurangan semantik seperti gambar di bawah ini
Dan markup html4 dari halaman di atas akan terlihat seperti:
<body> <div id="header"> <!-- header goes here --> </div> <div id="nav"> <!-- nav bar goes here --> </div> <div id="main-content"> <div id="post"> <!-- main content goes here --> </div> </div> <div id="side-bar"> <!-- side bar goes here --> </div> <div></div> <div id="footer"> <!-- footer goes here --> </div> </body>
- Nah, HTML 5 mulai memperbaiki hal ini dengan membuat masing-masing elemen mewakili bagian yang berbeda dan tidak perlu menggunakan penggambaran khusus lagi. Klo digambarkan akan seperti gambar dibawah ini.
Kelebihan: Lebih mudah dibaca (semantik). Semantik tidak hanya membuat kode lebih mudah dibaca, tetapi juga dapat membantu search engine seperti google dalam membaca struktur halaman.
Dan markup html5 dari halaman di atas akan terlihat seperti:
<body> <header> <!-- header goes here --> </header> <nav> <!-- nav bar goes here --> </nav> <section> <article> <!-- main content goes here --> </article> </section> <aside> <!-- side bar goes here --> </aside> <spacer></spacer> <footer> <!-- footer goes here --> </footer> </body>
sumber :
http://rizkyabdilah.net/2010/04/membuat-layout-dengan-html5-yang-cross-browser/
http://dj-note.blogspot.com/2010/09/pengenalan-struktur-html-5.html
Tidak ada komentar:
Posting Komentar