Mengenal HTML5

HyperText Markup Language atau yang biasa disebut HTML merupakan suatu markup atau sebuah aturan tertulis yang digunakan untuk membuat halaman web. Versi terbaru dari HTML yaitu HTML5, ini merupakan kelanjutan dari HTML4 yang sejak tahun 1999 tidak ada lagi perkembangan. Dimana badan yang membuat standar HTML yaitu W3C lebih berminat mengembangkan XHTML, dimana pada akhirnya setelah beberapa tahun pengembangan, ternyata XHTML tidak sesuai harapan.

Hingga akhirnya ada sekelompok komunitas yang tertarik untuk mengembangkan HTML yang nantinya ini menjadi cikal bakal hadirnya HTML5. Nama komunitas itu adalah WHATWG singkatan dari Web Hypertext Application Technology Working Group, komunitas ini merupakan kumpulan dari beberapa programer web. Dan setelah gagal nya XHTML dan tak kunjung selesai nya XHML 2.0 akhirnya W3C ikut bergabung dan bersama WHATWG mengembangkan HTML4 yang pada tanggal 28 Oktober 2014 resmi merampungkan standar HTML5.

Apa saja yang baru di HTML5
HTML5 membawa banyak fitur sekali fitur-fitur baru, perkembangan HTML5 juga beriringan dengan peningkatan kemampuan javascript yang tertanam di browser. Berikut adalah fitur yang terpenting diperkenalkan pada HTML5.

- New Semantic Element : pada html5 ada beberapa tambahan elemen semantik seperti header, nav, section, footer , aside, detail dan lain-lain.
- Forms 2.0 : Perbaikan dari form web HTML4 dimana pada tag input banyak sekali tambahan atribut baru.
- Persistent Local Storage : Untuk menghilangkan ketergantungan pada plugin pihak ketiga.
- WebSocket : Teknologi komunikasi dua arah untuk aplikasi web yang beroperasi melalui satu soket dan diekspos melalui antarmuka JavaScript di browser.
- r-Sent Events : memperkenalkan even yang mengalir dari web server ke web browser yang disebut Server-Sent Events (SSE).
- Canvas : Elemen yang digunakan untuk menggambar grafik dihalaman web.
- Audio & Video : Elemen standar html5 yang digunakan untuk embed audio dan video.
- Geolocation : digunakan untuk mendapatkan posisi geografis pengguna.
- Microdata : Standar dan digunakan untuk menyarangkan metadata dalam konten yang ada di halaman web.
- Drag and Drop : standar html5 yang digunakan untuk fitur yang bisa drag & drop.

Daftar Tag-tag baru di HTML5

Tag	Description
<article>	Mendefinisikan suatu artikel didalam dokumen
<aside>	Mendefinisikan konten selain konten halaman
<bdi>	Memisahkan / mengisolasi text dari format text diluarnya
<canvas>	Digunakan untuk menggambar grafik dihalaman web
<command>	Digunakan untuk menentukan perintah yang dapat dipanggil pengguna
<details>	Digunakan untuk menentukan detail tambahan yang dapat dilihat atau disembunyikan pengguna saat diminta
<datalist>	Digunakan untuk menyediakan fitur autocomplete pada elemen formulir
<embed>	Digunakan untuk menyisipkan konten dari luar.
<header>	Digunakan sebagai pengelompok bagian elemen header
<figure>	Digunakan sebagai kerangka dalam menampilkan gambar
<footer>	Digunakan untuk mengelompokkan bagian elemen footer
<hgroup>	Groups heading (<h1> to <h6>) elemen
<mark>	Digunakan untuk teks yang ditandai / disorot
<output>	Digunakan untuk hasil penghitungan
<source>	Digunakan untuk menampilkan beberapa sumber media untuk elemen media (<video> dan <audio>)
<summary>	Digunakan untuk menentukan ringkasan
<time>	Digunakan untuk mendeklarasikan tanggal dan waktu didalam dokumen html
<video>	Digunakna untuk menyisipkan video
<section>	Digunakan untuk mewakili bagian dalam suatu dokumen

Tag yang sudah tidak dipakai di HTML5

Tag	Description
<acronym>	Digunakan untuk sebuah akronim
<basefont>	Digunakan untuk menentukan warna standar, ukuran, dan font untuk semua teks dalam dokumen
<big>	Digunakan untuk ukuran teks besar
<center>	Digunakan untuk  posisi teks rata tengah
<dir>	Digunakan untuk menampilkan lis direktori
<font>	Digunakan untuk menentukan font, warna, dan ukuran untuk teks
<frame>	Digunakan untuk menentukan bingkai inline
<frameset>	Digunakan sebagai elemen yang menampung satu atau lebih elemen frame
<strike>	Digunakan untuk text yang dicoret
<noframes>	Digunakan sebagai fallback untuk browser yang tidak support frame
<applet>	Digunakan untuk  menyisipkan applet

Input type

Tipe Input baru	Attribut Input baru
·    color ·    date ·    datetime ·    datetime-local ·    email ·    month ·    number ·    range ·    search ·    tel ·    time ·    url ·    week	autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height and width list min and max multiple pattern (regexp) placeholder required step