Seperti layaknya buku, halaman web memiliki struktur seperti navigasi, konten, header, footer dan lain lain.berdasakan hal ini, WHATWG lalu menambahkan beberapa tag baru untuk mendukukng struktur tersebut. Bila pada HTML4 dan XHTML kita harus menggunakan <table> atau <div> untuk membagi struktur, maka pada HTML5 dapat menggunakan tag baru berikut:
<section> - sama fungsinya dengan <div>
<header> - isi konten header disini
<footer> - isi konten footer di sini
<nav> - membuat menu navigasi
<article> - konten artikel (teks, gambar, link)
<aside> - membuat sidebar atau float page
<figure> - meletakkaan gambar dalam artikel
Pada dasarnya, bentuk dasar HTML5 masih sama seperti struktur dasar dokumen HTML pada umumnya:
<!DOCTYPE HTML>Meski demikian, kita masih bisa menggunakan tag HTML versi terdahulu seperti <div> , <table> , <p> dan lain sebagainya.
<html>
<body>
<header> isi bagian header (banner, menu, dan lain-lain)
<nav> menu navigasi bisa disini </nav>
</header>
<section> <article> Selamat Datang </article> </section>
</body>
</html>
Inline Elemen Baru HTML5
Berikut adalah elemen baru yang dapat digunkan oleh HTML5.
<mark> - untuk menandai elemen (teks, gambar)HTML5 tidak hanya mendukung form input standar, ia juga memberikan beberapa tipe input baru seperti datetime, month, week, number, range, email dan url.
<time> - informasi waktu dan tanggal
<meter> - konten dengan media ukur (misalnya %)
<progress> - menginformasikan progress
Fitur Canggih HTML5
Dari banyaknya hal-hal baru yang ditawarkan HTML5 berikut adalah beberapa yang paling canggih:
- Canvas Elemen:
- Video & Audio Elemen:
- Geolocation:
- Offline Web Application
Dan masih banyak fitur baru lainnya seperti kemampuan untuk Drag and Drop, text api, datagrid, Cross document mesaging, SVG elemen dan lainnya.
0 komentar:
Posting Komentar