Pengantar HTML5

HTML5 adalah versi terbaru dari HTML (Hypertext Markup Language). Saat ini HTML5 telah berkembang pesat dan digunakan dengan naungan organisasi World Wide Web Consortium (W3C) dan Web Hypertext Application Technology Working Group (WHATWG). Fase awal pengembangan HTML5 sudah dimulai sejak tahun 2004 oleh WHATWG yang telah dikembangkan lebih jauh olehDavid Hyatt dari Apple dan Ian Hickson dari Google, Inc. Saat ini beberapa fitur baru telah diimplementasikan di versi terakhir HTML5 dan diadopsi di berbagai perambah seperti Chrome, Firefox, Opera, Safari, Edge dll.

Fitur Audio, Video, dan Grafis

Beberapa fitur baru di versi terakhir telah memungkinkan streaming video di aplikasi perambah. Saat ini beberapa plugin yang mendukung streaming seperti  JavaFX, Adobe Flash dan Microsoft Silverlight dapat digunakan di beberapa perambah untuk dapat menerima streaming video.

Beberapa fitur menarik yang diperkenalkan HTML 5 sehubungan dengan audio, video dan grafis antara lain :

  • Teknologi Canvas: Teknologi ini telah lama ditemukan oleh Apple dengan perambah  2-D yang didasarkan pada fitur gambar. Untuk menggambar grafik di laman web, Javascript telah lama digunakan. Saat ini HTML 5 telah digunakan untuk menggambar lingkaran, kurva, kotak,karakter dan gambar dengan menggunakan elemen  canvas.
  • Video Web: Saat ini sebagian besar video ditampilkan karena ada plugin seperti FLASH. HTML5 akan memasukkan standar cara elemen video ditampilkan di laman web dengan elemn video yang berkualitas.
  • Audio Web: demikian juga, saat ini audip dimainkan mengunakan plugin seperti Flash. Karena itu HTML5 juga akan menyediakan elemen audio tanpa hasrus menggunakan plugin.
  • Web Storage: Saat ini ada dua metide yaitu session storage dan local storage yang digunakan untuk menyimpan data tanpa mempengaruhi kinerja website.

Fitur Utama HTML5

HTML5 memperkenalkan fitur baru di dunia bahasa markup yang memungkinkan desain website lebih atraktif dan mampu dikomunikasikan secara semantik yang sebelumnya tidak pernah ada di versi HTML lama.

Berikut ini beberapa fitur utama HTML5 :

  • Video playback & drag-and-drop, yang tergantung pada plugin perambah pihak ketiga seperti Microsoft Silverlight dan Adobe Flash.
  • Berbagai atribut dan elemen baru yang memunculkan penggunaan tag HTML secara lebih efektif di website modern.
  • Menambahkan fungsionalitas multimedia dengan tag <audio> dan <video>.
  • Mengurangi penggunaan plugin seperti Flash.
  • Sistem  APIs (Application Programming Interfaces) baru telah ditentukan di HTML5 yang menyangkut offline storage database, elemen canvas untuk gambar 2-D, timed media playback, Cross-document messaging, document editing, browser history management, drag-and-drop, Microdata, MIME type dan protocol handler registration dll.
  • API yang lebih terkompresi dan ramah pengguna .
  • Lebih versatil dalam menangani sybtax yang salah .
  • Kaidah yang lebih rinci untuk lexing dan parsing.
  • Dukungan bahasa yang lebih maju.
  • Selain itu semua, ada beberapa fitur yang ada di HTML5 misalnya Konten dapat diubah, elemen mudah di-style dengan mudah, tersedianya eleemn canvas untuk menggambar 2-D, geo-location, Web Forms 2.0, server-sent DOM Events, hyper-threading untuk Web browsers, application caches, client-side storage dan beberapa fitur lainnya.
  • dukungan yang baik untuk Local off-line storage .
  • Format baru ditambahkan seperti date, time, calendar, email, url, dan search .
  • Metode penyimpanan data didukung oleh Local storage dan  session storage .

Saat ini HTML5 telah digunakan di dunia pengembangan website dan diadopsi oleh semua perambah dan aplikasi berbasis web Content Management System. HTML5 dianggap sebagai standar baru untuk HTML, HTML DOM dan XHTML.

Selain fitur baru yang segudang, beberapa tag baru ditambahkan dan tag lama tidak lagi digunakan di HTML. Beberapa tag HTML yang tidak lagi digunakan <acronym>, <big>, <dd>, <frame>, <strike> dll. Beberapa tag baru yang diperkenalkan HTML5 <source>, <keygen>, <footer>, <figure>, <datalist>, <canvas>, <audio> dll.

Tinjauan lebih jauh elemen-elemen HTML5 dapat dibaca disini.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *