Apa itu HTML5 dan Kelebihannya?

Pada bagian sebelumnya saya menuliskan arikel tentang apa itu HTML?. Sekarang saya akan memberikan sedikit bacaan tentang apa itu HTML5 yang merupakan penyempurnaan dari versi HTML yang sebelumnya.

Pengertian HTML5

Dari penjelasan yang ada di wikipedia : HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam 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 mesin.

HTML5 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 pada HTML, CSS, DOM, dan JavaScript
• Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
• Penanagan kesalahan yang lebih baik
• Lebih markup untuk menggantikan scripting
• HTML5 merupakan perangkat mandiri
• Proses pembangunan dapat terlihat untuk umum

Fitur baru dalam HTML5 :

• Unsur kanvas untuk menggambar
• Video dan elemen audio untuk media pemutaran
• Dukungan yang lebih baik untuk penyimpanan secara offline
• Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
• Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.

Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.

Semakin menjamurnya plugin didalam aplikasi atau browser membuat aplikasi web ini susah untuk menembus banyak browser. Hal ini dikarenakan setiap plugin mempunyai cara yang berbeda-beda, sebagai contoh kita ingin memasang plugin flash untuk sharing video maka pada halaman web kita harus ditulis 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 bila kita menggunakan Silverlight. Teknologi Silverlight dikembangkan oleh Microsoft. Contoh penggunaan Silverlight pada halaman web dapat dilihat pada HTML dibawah ini

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

HTML5 ini dibuat menyederhanakan kompleksitas penggunaan media video dengan standard baru yaitu penggunaan tag <video>. Dengan fitur baru ini maka kita cukup menulis script untuk menjalankan file video sebagai berikut

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

Isu bagaimana menjalankan file video pada aplikasi web merupakan salah satu contoh bagaimana HTML4 tidak dapat mencakup masalah ini dan masih banyak lagi isu pada HTML4. Oleh karena itu, kita sudah saatnya memanfaatkan HTML5 sebagai standard aplikasi web kita.

Apakah Browser Saya Support HTML5?

Bagaimana caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau tidak dan seberapa banyak fitur HTML5 yang disupport? Caranya cukup mudah, pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut:

http://html5test.com

Dari data yang ada pada website itu browser Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor diikuti kemudian dengan google Chrome 20 dengan 414 total skor kemudian berturut-turut Opera 12.00 dengan 385, Firefox 13 dengan 345, Safari 5.1 dengan 317 dan Internet Explorer 9 dengan 138 point.

Sekian untuk saat ini semoga bermanfaat.

Read More

Pengertian HTML

HyperText Markup Language (HTML) adalah bahasa dari Worl Wide Web (www) yang dipergunakan utntuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program web browser. HTML juga dapat disebut sebagai protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke browser. HTMl inilah yang menjadi dasar bila akan menjelajah internet dan melihat halaman web yang menarik.

HTML menentukan 2 fungsi :

1. Membentuk tata letak document, dalam hal ini menentukan jenis huruf, gambar, dan komponen dokumen lainnya.

2. Menetukan hubungan ke dokumen lain, HTML merupakan suatu bahasa pemrograman yang termasuk dalam kategori SGML (Standart Generalized Markup Language) dimana bentuknya merupakan standar ASCII yang berisi kode-kode untuk mengatur dokumen.

Saat ini terdapat banyak sekali HTML authoring (software atau tool yang digunakan untuk membuat atau mendesain halaman web), yang biasa digunakan seperti : MS-FrontPage, Netscape Composer, Macromedia Dreamweaver, Adobe GoLive, Adobe Pagemill, HotDog, HotMetal, HTML Easy, InContext Spider, dan lain sebagainya.

Karena bentuk HTML mengikuti standar ASCII, maka file HTML dapat dibuat dengan menggunakan program editor bisa seperti Editor dari DOS, atau Notepaddari Microsoft Windows, MS Word dan lain sebagainya. Namun yang paling mudah adalah dengan menggunakan Notepad yang ada setiap kali kita menggunakan system operasi terutama windows.

Software lain yang digunakan adalah browser yang digunakan untuk menampilkan web page yang akan dihasilkan. Dua nama yang paling popular adalah Internet Explorer dan Netscape Navigator, keduanya merupakan browser yang umum digunakan dan mudah didapatkan, beberapa yang lain yang juga terkenal seperti Opera, GodZilla, Mozilla Firefox, dan sebagainya.

Jadi, dengan menggunakan kombinasi program pembuat HTML dan program web browser, maka kita sudah dapat menayangkan informasi di internet.

Beberapa kalangan yang menyatakan keberatan jika HTML merupakan sebuah bahasa pemrograman karena struktur yang dimilikinya dianggap terlalu sederhana, kode-kode dibaca oleh browser baris per baris, dari atas ke bawah. HTML juga tidak mempunyai struktur pemrograman yang umum ada pada bahasa sebuah bahasa pemrograman standar, misalnya tidak adanya struktur ‘looping’. Pada HTML digunakan hypertext link atau hubungan antara teks dan dokumen lain. Dengan demikian pembaca dokumen bisa melompat dari satu dokumen ke dokumen yang lain dengan mudah. Namun banyak kalangan umum yang menganggap bahwa HTML merupakan dokumen program meskipun tidak terstruktur. Yang jelas HTML merupakan bahasa yang menspesifikasi isi (content) suatu halaman web.

HyperText menunjukan ke fakta bahwa halaman web lebih tepat berupa teks yang dapat memuat multimedia, dan melakukan link dengan atau tanpa lompatan.

Markup menunjuk ke fakta bahwa bekerja pada kebanyakan teks dengan simbol-simbol spasial (tags) yang mengidentifikasi struktur dan tipe dokumen.

Read More