Introduction HTML 5

Akhir-akhir ini, di bidang teknologi website, kita mulai sering membaca berita atau artikel mengenai HTML 5. HTML 5 disebut dapat membawa perubahan besar dalam bidang website. Mungkin anda penasaran, apa itu HTML 5? Apa saja kelebihan yang ditawarkan HTML 5? Sebelum kita membahasnya, lebih baik kita mengenal terlebih dahulu mengenai HTML. Secara sederhana, HTML (Hyper Text Markup Language) adalah bahasa yang digunakan untuk membuat tampilan halaman sebuah website. HTML tersusun atas kode-kode terstruktur yang disebut tag, yang akan memberikan informasi kepada web browser untuk menampilkan informasi sesuai fungsi tag tersebut. Lantas, apa yang dimaksud dengan HTML 5?

HTML 5 adalah versi terbaru dari bahasa HTML. HTML 5 difokuskan untuk mendukung aplikasi berbasis web, di mana aplikasi web telah menjadi saingan bagi aplikasi desktop dan aplikasi mobile. Beberapa contoh aplikasi web yang besar yaitu Facebook, Twitter, Yahoo! dan Google.

Apa saja kelebihan HTML 5?

1. Lebih simple

Pembaharuan pada HTML 5 memudahkan kalangan web developer untuk membuat halaman HTML karena tag yang digunakan menjadi lebih singkat.

Beberapa pembaharuan tersebut antara lain:

Doctype yang lebih simple

Pada HTML versi sebelumnya, doctype yang digunakan untuk mendefinisikan tipe versi HTML ditulis seperti di bawah ini:

Pada HTML 5 cukup ditulis:

Charset yang lebih simple

Sebelumnya

Pada HTML 5, cukup ditulis

Atribut “type” tidak lagi diperlukan untuk link CSS dan javascript

Penulisan CSS yang sebelumnya seperti ini:

Menjadi seperti ini:

Untuk javascript juga hampir sama, di mana sebelumnya ditulis

menjadi

2. Lebih rapi dan terstruktur

Dengan markup baru, layout di HTML 5 menjadi lebih rapi dan lebih bermakna. Pengunaan tag-tag layout baru seperti,,,,,,,, dan lainnya lebih deskriptif dibandingkan dengan berbagai ID maupun class.

3. Mengurangi penggunaan plugin

HTML 5 menyediakan dukungan terhadap fitur-fitur yang sebelumnya memerlukan plugin, seperti video, audio, penggambaran, dan socket. Sehingga untuk memutar video dari web, plugin seperti adobe flash player tidak lagi dibutuhkan. Contohnya untuk memutar video cukup dibutuhkan kode sederhana seperti ini:

4. Penyimpanan data yang lebih baik

Penyimpanan data sementara di browser seperti ketika mememasukkan item ke keranjang belanja ketika berbelanja online, pada umumnya menggunakan cookies. Namun cookies ternyata mempunyai kelemahan, yaitu kapasitas yang kecil dan informasi selalu disimpan di header HTTP request. Hal ini berarti cookies selalu berada dalam lalu lintas request web browser ke server, bahkan ketika informasi di cookies tidak perlu dikirim ke server. Dengan web storage kelemahan tersebut dapat diatasi. Web storage memiliki kapasitas penyimpanan yang besar dan informasi disimpan secara lokal di web browser.

Selain kelebihan-kelebihan di atas, HTML 5 juga memiliki elemen-elemen dan atribut baru serta javascript API yang memperkaya fitur sebuah aplikasi web. Bahkan, game pun dapat dibuat dengan bermodalkan HTML 5, CSS, dan Javascript. Untuk itu, tidak heran mengapa perusahaan-perusahaan besar seperti Microsoft, Apple, Mozilla, Google, Facebook, dan perusahaan besar lainnya telah mendukung HTML 5 sebagai web masa depan. Jadi, bagi anda yang sudah ataupun ingin berkecimpung di dunia web, tidak ada salahnya mempelajari HTML 5.