K
ali ini saya akan sedikit membahas tentang
HTML 5, Apa Itu HTML5? Bagaimana penggunaannya??
Apakah sama dengan versi yang sebelumnya??
itulah ketiga pertanyaan yang sering muncul di benak anda ketika membaca artikel tentang Informasi baik tentang berita maupun teknologi (dalam kasus ini Info tentang HTML5)
Penjelasan Singkat Tentang HTML 5
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 )
- Penanganan kesalahan yang lebih baik
- Lebih markup untuk menggantikan scripting
- HTML5 merupakan perangkat mandiri
- Proses pembangunan dapat terlihat untuk umum
Pembuatan HTML5 ini berguna untuk memperbaiki kesalahan/ kekurangan dari HTML4
misalnya saja :
untuk memanggil file flash (.flv) biasanya kan menggunakan :
<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>
pada HTML5 fitur itu berubah menjadi :
<video src=video.mp4></video>
dengan itu kita bisa mengerti, bahwa tujuan di buatnya HTML5 yaitu untuk memudah kita melakukan proses edit suatu web, sehingga source kodenya tidak akan menjadi banyak.
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.
Elemen Baru Di HTML5
Demi mewujudkan struktur halaman web yang lebih baik semantik dan aksesibilitasnya, dikenalkanlah beberapa elemen baru, diantaranya :
- Section serupa seperti h1-h6
- Article bisa berupa entri blog atau tulisan konten
- Aside menyajikan konten pelengkap
- Header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi.
- Footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya.
- Dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan.
- Yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas dan elemen terkait berkas multimedia lainnya.
Atribut Baru Di HTML5
Dikenalkan pula beberapa atribut baru, seperti :
- Atribut media, ping pada elemen pranala,
- Autofocus, placeholder, required, autocomplete dan sebagainya, terkait elemen input dan form
- Reversed pada elemen ol untuk urutan besar ke kecil.
Perubahan Makna Elemen
Ada beberapa elemen yang berubah makna, diantaranya :
- Elemen b dilegalkan sebagai tipografi penegas, seperti pada kata kunci yang ingin ditonjolkan, tidak ‘deprecated’ (bukan fitur yang dianggap usang). Tidak lebih dari itu. Jadi tetap tidak bermakna semantik tertentu. Hal yang sama berlaku pula untuk elemen i.
- Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi.
- Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya.
Elemen Dan Atribut Yang Tidak Digunakan
Berikut ini beberapa elemen dan atribut yang tidak lagi muncul pada HTML 5 :
- center,
- font
- strike, u, big
- frame, frameset, noframes
- acronym
- longdesc
- scope pada td
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 didapatkan :
- Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor
- Google Chrome 20 dengan 414 total skor
- Opera 12.00 dengan 385
- Firefox 13 dengan 345
- Safari 5.1 dengan 317
- Internet Explorer 9 dengan 138 point.