HTML5 adalah sebuah bahasa markah untuk
menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi
inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali
diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997[1])
dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan
HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia
terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
HTML5 merupakan
salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium,
W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis
dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML
4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan
secara berbeda-beda oleh banyak perangkat lunak]] pembuat web.
HTML5 merupakan
standar baru untuk HTML, XHTML, dan DOM HTML. Sejak munculnya HTML versi 4.01,
perkembangan website dunia semakin berkembang. Saat ini HTML5 masih dalam
pengembangan, namun hanya beberapa browse sudah mendukung HTML5.
HTML5 memiliki beberapa tujuan yang
membedakannya dari HTML4.
Yang utama adalah
konsisten,
penanganan error didefinisikan. Seperti yang Anda ketahui, HTML
sengaja mendukung 'tag sup', atau kemampuan untuk menulis kode cacat dan
memilikinya dikoreksi menjadi sebuah dokumen yang valid. Masalahnya adalah
bahwa aturan-aturan untuk melakukan hal ini tidak ditulis di mana pun. Ketika
sebuah vendor browser baru ingin memasuki pasar, mereka hanya memiliki dokumen
untuk menguji cacat di berbagai browser (khususnya IE) dan reverse-engineer
penanganan kesalahan mereka. Jika tidak, maka banyak halaman tidak akan
menampilkan dengan benar (perkiraan tempat sekitar 90% dari halaman di internet
sebagai setidaknya agak cacat).
Jadi, HTML5
sedang mencoba untuk menemukan dan mengkodifikasi penanganan error ini,
sehingga pengembang browser semua dapat standarisasi dan sangat mengurangi
waktu dan uang yang dibutuhkan untuk menampilkan hal-hal yang secara konsisten.
Selain itu, panjang di masa depan setelah HTML telah meninggal sebagai format
dokumen, sejarawan masih mungkin ingin membaca dokumen kami, dan benar-benar
memiliki algoritma parsing didefinisikan akan sangat membantu ini.
Tujuan sekunder
HTML5 adalah untuk mengembangkan kemampuan browser menjadi platform aplikasi,
melalui HTML, CSS, dan Javascript. Banyak elemen telah ditambahkan langsung ke
bahasa yang sedang (di HTML4) Flash atau hacks JS berbasis, seperti
<canvas>, <video>, dan <audio>. Berguna hal-hal seperti Lokal
Storage (database sql builtin browser-js-diakses, untuk menyimpan informasi di
luar apa cookie bisa ditahan), baru masukan jenis seperti tanggal yang browser
dapat mengekspos antarmuka pengguna yang mudah (sehingga kita tidak memiliki js
menggunakan berbasis kalender kami tanggal-pemetik), dan validasi form yang
didukung browser akan membuat pengembangan aplikasi web yang lebih sederhana
untuk para pengembang, dan membuat mereka jauh lebih cepat bagi pengguna
(karena banyak hal akan didukung native, daripada di hacked melalui
javascript).
Fitur baru
1. Doctype - Doctype di HTML5 sangat sederhana, berbeda
dengan HTML4 dan XHTML yang doctype-nya sangat membingungkan dan mungkin akan
sangat sulit diingat.
Doctype HTML5
akan terlihat seperti ini :
<!DOCTYPE html>
bandingkan dengan
Doctype HTML4 berikut ini :
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
2. Input Type - Ada beberapa jenis input yang berbeda di HTML
5 yang bisa digunakan. Kita tidak lagi terpaku pada “input type=text”,
tetapi input-nya bisa dibuat lebih spesifik, misalnya
<form>
<input type=date>
</form>
nantinya akan ada
banyak “input type” baru semacam ini, diantaranya :
<form>
<input type=date>
<input type=url>
<input type=email>
<input type=range min=1 max=20>
<input type=number>
<input type=text>
<input type=submit>
<input type=file>
</form>
3. Required - di gunakan pada textfield yang datanya
wajib diisi
|
<input
type=text required>
|
4. datalist -
memungkinkan kita untuk menambahkan datalist pada “text input”
|
<input
type=text list=options>
<datalist id=options>
<option label="HTML 5
Keren" value="HTML 5 Keren">
<option label="Belajar
HTML5" value="Belajar HTML5">
</datalist>
|
5. multiple -
untuk multiple file upload
|
<input
type=file multiple>
|
6. pattern -
kita dapat menetapkan input untuk mengikuti suatu pola, misalnya, jika Anda
ingin input hanya berisi satu nomor 0-9 saja, maka bisa dilakukan dngan cara
berikut
|
<input
type=text pattern="[0-9]">
|
7. Elemen
<canvas> - Elemen Canvas
adalah cara untuk menggambar grafik atau objek interaktif dengan
sedikit
javascript dan tag <canvas>. Penggunaan Elemen <canvas> :
<canvas>
</canvas>
8. Video Embed - Pada Versi HTML4 , kadang kadang kita sedikit
mengalami kesulitan jika ingin memasukkan sebuah video ke halaman web, namun di
HTML5 kita tidak perlu pusing pusing lagi kalau ingin memasukkan video ke
halaman web. cukup dengan menggunakan tag <video> dan semuanya beres
9. Beberapa
Elemen Baru
Di
HTML4 kita mengenal adanya tag <div> yang biasa digunakan sebagai penanda
section tertentu. Di HTML5 tag yang memiliki fungsi seperti tag <div>
akan ditambahkan, diantaranya :
- <nav>
Untuk elemen navigasi
- <aside>
– Sebuah sisi layout, untuk desain lebih dari satu kolom
- <section>
bisa berupa text biasa
- <header>
– Untuk judul artikel dsb…
- <footer>
– Untuk footer
- <address>
– Untuk mencantumkan kontak info, bisa berupa alamat email, dsb..
Perbedaan Html5 dengan Html4 dan
Xhtml 1.x
- sebagian tag
pada html 4 tidak berfungsi lagi di html 5, sedangkan html 5 ada beberapa
tag yang di tambah
- intinya ialah hanya terletak pada pemambahan dan pengurangan tag.
Oia satu lagi, dalam penulisan html sangat disarankan menggunakan huruf
kecil
- sobat tidak
perlu bingung sebab ketentuan dan cara penulisan html 4 dan 5 tetap sama,
berikut adalah aturan
penulisan html
- pada
penulisan html selalu diapit oleh dua karakter yaituh buka kurung siku (<)dan tutup kurung siku (>)
- dalam
penulisan html selalu berpasangan dimana tag penutup ditambahkan karakter /(garis
miring)
- Aturan baru
saat melakukan parsing berorientasi pada towards dan kompatibilitas; tidak
berbasis pada SGML
- Kemampuan
untuk mendukung format SVG dan MathML pada text/html
- Elemen baru:
article, aside, audio, canvas, command, datalist, details, embed,
figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav,
output, progress, rp, rt, ruby, section, source, summary, time, video, wbr
- Tipe baru
pada kontrol form : dates and times, email, url, search, color
- Atribut
baru: ping (pada elemen a and area), charset (pada meta), async (ada
script)
- Atribut
global (atribut berikut dapat diterapkan pada setiap elemen html) : id,
tabindex, hidden, data-* (atribut data kustom)
- Selain dapat
bernilai GET atau POST, elemen attribut <form> kini telah mendukung
nilai PUT dan DELETE. (Sebagai contoh kasus lihat Representational State
Transfer)
- Elemen yang
telah deprecated secara bersamaan akan dihapus : acronym, applet,
basefont, big, center, dir, font, frame, frameset, isindex, noframes, s,
strike, tt, u
source : http://id.wikipedia.org/wiki/html5