Apa itu HTML5 dan Keunggulannya?


Pada posting sebelumnya saya telah menjelaskan apa itu HTML dan XML , dan pada kesempatan kali saya juga akan membahas seputar markup web yaitu apa itu HTML5 yang merupakan penyempurnaan dari markup html sebelumnya.

Pengertian HTML5

HTML5 merupakan sebuah bahasa markah untuk menstrukturkan atau mmenampilkan isi dari World Wide Web Consortium (W3C), sebuah teknologi dari internet. HTML5 adalah revisi ke-5 dari HTML hingga bulan juni 2011 masih dalam tahap pengembangan.

Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh browser.

HTML5 ini merupakan hasil proyek dari W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5:

  • Fitur baru harus didasarkan oleh HTML, CSS, DOM, dan Javascript.
  • Mengurangi kebutuhan ekternal (Seperti Flash).
  • Penanganan kesalahan lebih baik.
  • Lebih markup untuk menggantikan scripting.
  • HTML5 merupakan perangkat mandiri.
  • Proses pembangunan dapat terlihat untuk umum.

Fitur baru HTML5:

  • Unsur kanvar untuk menggambar.
  • Video dan audio untuk elemen pemutaran.
  • Dukungan lebih baik untuk penyimpanan secara offline.
  • Elemen konten lebih spesifik, seperti : header, footer, article, aside, nav, dan sebagainya.
  • Bentuk kontrol form, seperti : kalender, tanggal, waktu, email, url, search.
Beberapa browser kini sudah mendukung fitur di HTML5 ini, Pembuatan HTML5 juga dikarenakan oleh Standart HTML4 yang banyak dijumpai kelemahan untuk mendukung aplikasi web yang interaktif. Akibat ini banyak orang menambahkan fitur baru baik disisi aplikasi web maupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.

Semakin menjamurnya plugin didalam aplikasi browser membuat aplikasi wr ini susah untuk menembus banyak browser. Hal ini dikarenakan setiap plugin mempunyai cara yang berbeda-beda, sebagai contoh kita ingin memasang plugin flash untuk mensharing sebuah video maka pada halaman web kita harus dituliskan sebuah markup sebagai berikut :

<object type="application/x-shockwave-flash" width="400" height="220" wmode="transparent" data="flvplayer.swf?file=movies/holiday.flv">
<param name="movie" value="flvplayer.swf?file=movies/holiday.flv" />
<param name="wmode" value="transparent" />
</object>

contoh diatas menggunakan plugin Flash dari adobe untuk menjalankan aplikasi web pada browser. maka lain caranya dengan menggunakan silverlight. Teknologi Silverlight dikembangkan oleh Microsoft. berikut adalah contoh penggunaan silverlight pada web:

<object width="300" height="300" data="data:application/x-silverlight-2," type="application/x-silverlight-2" >
<param name="source" value="SilverlightApplication1.xap"/>
</object>

kalau seperti itu cara hanya untuk memasang sebuah video, lalu bagaimana yang lain, kan repot jadinya.

HTML5 ini dubat untuk menyederhanakan kompleksitas pengunaan media video dengan standart terbaru yaitu menggunakan tag video, dengan tag ini kita hanya perlu menulis script untuk menjalankan video sebagai berikut :

<video src=tutorialku.mp4>
</video>

Isu tentang bagaimana tentang menjalankan video pada aplikasi web merupakan salah satu masalah yang dimiliki oleh HTML4. Oleh karena itu, kita sudah saatnya memanfaatkan HTML5 sebagai standart aplikasi web.

Sekian artikel yang mungkin bermanfaat ini, ya semoga sih bisa bermanfaat.

6 komentar

Guntur F.P
makasih infonya mas , lebih paham lagi nih tentang pengertian HTML5 :D
reply Reply delete Delete
Rizky Kurniawan Ritonga
ya sama-sama.
semoga bermanfaat. :)
Randi Andrian
wah-wah bener" bermanfaat artikel nya gan Rizky..
tambah wawasan lagi nih,. hihi
reply Reply delete Delete
Rachmat Hidayat
Hm begitu yah ! tapi bagaiama dengan blog yang tidak menggunakan html versi 5 dan juga bagaimana cara mengetahui kalau blog saya sudah terintegrasi dengen html 5 ? mohon penjelasannya :D

salam blogwalking dan Nice Template sangat hebat :D !
reply Reply delete Delete
Rizky Kurniawan Ritonga
untuk cara mengetahui apakah suatu blog memiliki struktur html 5 atau tidak bisa dilihat dari kode kode webnya sendiri.
bisa dicek melalui validator atau yang lain.

Posting Komentar

Blog ini tidak menerima komentar via OpenID atau Anonim.
Link aktif akan secara otomatis terhapus oleh sistem.
Untuk memasukkan link dengan aman, gunakan kode [url=http://sites.com]Teks Link[/url]
Untuk memasukkan kode, gunakan kode <i rel="code">Kode Kamu</i>
Untuk memasukkan kode yang panjang, gunakan kode <i rel="pre">Kode Panjang Kamu</i>
Untuk menyisipkan gambar, gunakan kode [img]Url Gambar[/img]
Untuk memasukkan title, gunakan kode <b rel="h4">Title kamu ...</b>
Untuk memberikan efek huruf tebal pada teks, gunakan kode <strong>Teks Kamu ...</strong>
Untuk memberikan efek huruf miring pada teks, gunakan kode <em>Teks Kamu ...</em>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

Emotikon
:) :( ^_^ :D ;) :-bd :'( :\ :p B) :Q :Ozz 7:( \o/ **p <3 0:) :-a 7:O *fck* x@ X@ ~x( :yaya: =p*

Cancel Reply