Assalamu'alaikum,  Selamat Datang  |  sign in  |  registered now  |  need help ?

Fitur-Fitur Menarik HTML5

Written By Dita Permana on Senin, 28 November 2011 | 5:19 PM

 HTML5 adalah versi kelima dari HTML standar yang pertama kali diciptakan pada tahun 1990. HTML5 hingga saat ini masih dalam tahap pengembangan. HTML5 ini diharapkan dapat memperbaiki teknologi HTML sehingga mendukung teknologi multimedia terbaru serta lebih mudah dimengerti oleh manusia maupun mesin. Meski masih dalam tahap pengembangan, perlu kiranya kita mengenal HTML5 ini.

HTML5 bukan merupakan standar tunggal, melainkan kumpulan dari beberapa standar. Hal ini yang menyebabkan HTML5 menjadi lebih 'kaya' daripada versi sebelumnya. Tulisan ini menggambarkan beberapa fitur yang menarik dari HTML5, yaitu :

Canvas
HTML5 mendefinisikan tag <canvas> sebagai bitmap canvas yang dapat digunakan untuk me-render gambar 'on the fly'. Canvas merupakan sebuah persegi dalam halaman web yang dapat digunakan untuk menggambar menggunakan JavaScript melalui "canvas API".

Video
Elemen <video> ditambahkan untuk meminimalkan ketergantungan terhadap plugin seperti Flash. Elemen ini memungkinkan untuk memainkan video secara langsung dalam dokumen HTML. Kontrol standar dalam video seperti tombol start, pause, dan stop terdapat dalam elemen ini.

Local Storage
HTML5 storage memberikan fasilitas pada website untuk menyimpan informasi dalam komputer dan mengambilnya dikemudian hari. Hal ini dilakukan untuk mengatasi keterbatasan Cookies yang besarnya terbatas.

Audio
Selain video, audio juga didukung oleh HTML5 dengan tag <audio>. Dengan tag ini, halaman HTML bisa meng-embed audio file format seperti MP3 dan OGG.

Geolocation
Elemen baru ini bisa mengungkap keberadaan anda, dan bisa digunakan untuk berbagi informasi mengenai keberadaan anda. Pengungkapan lokasi adalah berdasarkan GPS, jadi bisa ataupun tidaknya elemen ini digunakan, akan tergantung dari perangkat keras yang dipakai.

Input Types
Tidak seperti HTML4 yang hanya mendukung input type text, HTML5 menambahkan beberapa jenis input type seperti search untuk search boxes, email untuk pengisian email, date untuk date picker, dan sebagainya. Penambahan input type ini memberikan kekayaan pada komponen HTML dan meminimalkan penggunakan library eksternal seperti JavaScript.

Dalam draft kerja HTML 5 yang dikembangkan oleh kelompok kerja HTML Working Group ini disebutkan beberapa perubahan atas kode maupun bahasa yang digunakan.
Berikut beberapa elemen baru dalam HTML 5: 
  • section digunakan dalam pembentukan struktur dokumen.
  • article menunjukkan isi dokumen seperti blog atau artikel berita.
  • aside menunjukkan penggalan dari isi dokumen yang berhubungan dengan keseluruhan isi.
  • header menunjukkan judul dari sebuah section.
  • footer menunjukkan bagian kaki dokumen yang berisi informasi penulis, hak cipta dan informasi lainnya.
  • nav digunakan untuk membuat navigasi dokumen.
  • dialog digunakan dalam menuliskan format dialog atau percakapan.
  • figure untuk mengasosiasikan dokumen dengan fitur embed video atau kontent multimedia.
Sementara beberapa elemen-elemen yang dibuang sepert frame, frameset dan noframes karena dianggap sering disalahgunakan untuk tujuan negatif.
Daftar lengkapnya bisa dilihat di sana

Masih banyak elemen-elemen atau tag-tag yang lain dalam HTML. Setidaknya dengan tulisan ini, pembaca dapat bergairah untuk belajar HTML5. Semoga bermanfaat !

NB :
klik http://html5test.com/ untuk mengetahui seberapa besar skor Web Browser anda dalam implementasi HTML5

0 komentar:

Posting Komentar

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda. Trims atas kerja samanya