HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk
mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML
ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML
1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara
berbeda-beda oleh banyak perangkat lunak pembuat web.
HTML5 merupakan standar baru untuk HTML, XHTML, dan DOM HTML. Sejak
munculnya HTML versi 4.01, perkembangan website dunia semakin berkembang. Saat
ini HTML5 masih dalam pengembangan, namun hanya beberapa browse sudah mendukung
HTML5.
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 browse sudah mendukung HTML5 seperti safari,
chrome, firefox, dan opera. Kabarnya IE9 ( Internet Exploree ) akan mendukung
beberapa fitur dari HTML5.
HTML <code> tag digunakan untuk
menunjukkan sepotong kode. Kode tag mengelilingi kode yang mark up. Kode
yang mark up bisa mewakili nama elemen XML, nama file, program komputer, atau
string lain bahwa komputer akan mengenali. Browser sering pajangan teks
dikelilingi oleh <code> tag dalam font monospace (juga disebut
font fixed-lebar atau non-proporsional) seperti Courier (kecuali telah ditata
jika tidak menggunakan CSS ).
Beberapa baris kode dapat ditandai oleh
sekitar <code> tags dengan <pre> tag.
Ø Atribut
Tag
HTML dapat berisi satu atau lebih atribut. Atribut ditambahkan ke tag untuk
menyediakan browser dengan informasi lebih lanjut tentang bagaimana tag akan
muncul atau berperilaku. Atribut
terdiri dari nama dan nilai dipisahkan oleh tanda sama dengan (=), dengan nilai
dikelilingi oleh tanda kutip ganda. Berikut
ini adalah contoh,
style="color:black;" . Ada 3 macam atribut yang dapat Anda
tambahkan ke tag HTML Anda: atribut konten Elemen-spesifik, global, dan event
handler.
Atribut
yang dapat ditambahkan ke tag ini tercantum di bawah ini.
Elemen-Spesifik Atribut
Tabel
berikut menunjukkan atribut yang spesifik untuk tag ini / elemen.
Atribut
|
Deskripsi
|
Tak satupun
|
Atribut global
Atribut
berikut ini standar di semua tag HTML 5.
accesskey
|
tersembunyi
|
ItemType
|
kelas
|
id
|
lang
|
contentEditable
|
lembam
|
spellcheck
|
ContextMenu
|
itemid
|
gaya
|
dir
|
itemprop
|
tabindex
|
draggable
|
itemref
|
judul
|
Dropzone
|
itemscope
|
menterjemahkan
|
Konten Handler Atribut Acara
Atribut
event handler konten memungkinkan Anda untuk memanggil script dari dalam HTML
Anda. Script ini dipanggil ketika
"event" tertentu terjadi. Setiap
event handler atribut konten berhubungan dengan acara yang berbeda.
Berikut
adalah standar HTML 5 atribut event handler konten.
onabort
|
onerror *
|
onmousewheel
|
onblur *
|
onfocus *
|
onpause
|
oncanplay
|
onformchange
|
onplay
|
oncanplaythrough
|
onforminput
|
onplaying
|
onchange
|
oninput
|
onprogress
|
onclick
|
oninvalid
|
onratechange
|
oncontextmenu
|
OnKeyDown
|
onreadystatechange
|
ondblclick
|
onkeypress
|
onscroll
|
ondrag
|
onkeyup
|
onseeked
|
ondragend
|
onload *
|
onseeking
|
ondragenter
|
onloadeddata
|
onselect
|
ondragleave
|
onloadedmetadata
|
OnShow
|
ondragover
|
onloadstart
|
onstalled
|
ondragstart
|
onmousedown
|
onsubmit
|
ondrop
|
onmousemove
|
onsuspend
|
ondurationchange
|
onmouseout
|
ontimeupdate
|
onemptied
|
onmouseover
|
onvolumechange
|
onended
|
onmouseup
|
onwaiting
|
Referensi :
Tidak ada komentar:
Posting Komentar