HTML5 merupakan revisi kelima dari bahasa Pemrograman HTML ( yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya HTML4.01, pada tahun 1997 ). Nah tujuan utama dari pengembangan HTML5 adalah untuk memperbaiki teknologi HTML yang mendukung teknologi multimedia yang mudah dimengerti oleh mesin browser.
Pada HTML5 terdapat beberapa elemen dan atribute baru yang dirujukan untuk penggunaan website modern, diantaranya adalah seperti elemen multimedia <audio> dan <video>. Dengan elemen multimedia ini anda tidak perlu menggunakan media seperti flowplayer atau media berbasis flash lainnya untuk sekedar memutar musik dan video dalam website anda, melainkan cukup menggunakan tag<audio> dan <video> beserta beberapa attributenya ( yang ini akan penulis bahas di artikel selanjutnya ). Tentunya fitur baruHTML5 ini sangat membantu kita bukan? Namun masih disayangkan belum semua Broweser Compatible dan support dengan berbagai fitur yang dibawa oleh HTML5 ini. Kalo begini jadi sedikit menyusahkan juga jadinya ya..
Dibawah ini penulis sebutkan beberapa elemen baru pada HTML5 , Oke cekidot ..
Elemen Mark Up yang baru
Elemen baru untuk struktur yang lebih baik.
| Tag | Description |
|---|---|
| <article> | Untuk konten, seperti berita atau artikel, blog,forum dan konten lain nya |
| <aside> | Untuk konten aside, ditempatkan di dalam. |
| <command> | Sebuah tombol, atau radio atau cekbox |
| <details> | Untuk menjelaskan rincian atau detail |
| <summary> | Sebuah judul, atau ringkasan di dalam elemen details |
| <figure> | Untuk mengelompokkan bagian yang berdiri sendiri |
| <figcaption> | Judul dari bagian figure |
| <footer> | Untuk memberi catatan kaki |
| <header> | Untuk memberi header |
| <hgroup> | For a section of headings, using <h1> to <h6>, where the largest is the main heading of the section, and the others are sub-headings |
| <mark> | For text that should be highlighted |
| <meter> | For a measurement, used only if the maximum and minimum values are known |
| <nav> | For a section of navigation |
| <progress> | The state of a work in progress |
| <ruby> | For ruby annotation (Chinese notes or characters) |
| <rt> | For explanation of the ruby annotation |
| <rp> | What to show browsers that do not support the ruby element |
| <section> | For a section in a document. Such as chapters, headers, footers, or any other sections of the document |
| <time> | For defining a time or a date, or both |
| <wbr> | Word break. For defining a line-break opportunity. |
Elemen Media Baru
Html 5 memberikan standar baru untuk media, nah ini yang paling keren.
| Tag | Description |
|---|---|
| <audio> | Untuk konten multimedia, seperti sound, audio streaming |
| <video> | For video content, such as a movie clip or other video streams |
| <source> | For media resources for media elements, defined inside video or audio elements |
| <embed> | For embed content |
Elemen Canvas
Elemen canvas ini, bergabung dengan Javascript untuk membuat gambar di halaman web
| Tag | Description |
|---|---|
| <canvas> | For making graphics with a script |
Elemen Form yang Baru
Html 5 menawarkan unsur-unsur betuk yang baru, dengan fungsional lebih
| Tag | Description |
|---|---|
| <datalist> | A list of options for input values |
| <keygen> | Generate keys to authenticate users |
| <output> | For different types of output, such as output written by a script |
Atribut Input Type yang Baru
Atribut jenis elemen input yang memiliki nilai-nilai baru, untuk kontrol input yang lebih baik sebelum mengirimnya ke server
| Type | Description |
|---|---|
| tel | The input value is of type telephone number |
| search | The input field is a search field |
| url | The input value is a URL |
| The input value is one or more email addresses | |
| datetime | The input value is a date and/or time |
| date | The input value is a date |
| month | The input value is a month |
| week | The input value is a week |
| time | The input value is of type time |
| datetime-local | The input value is a local date/time |
| number | The input value is a number |
| range | The input value is a number in a given range |
| color | The input value is a hexadecimal color, like #FF8800 |
Nah untuk mengetahui browser apa saja yang kompatible dengan HTML5 anda dapat melihat list gambar berikut :
HTML5 Web Applications
HTML5 Graphics & Embedded Content
HTML5 Audio Codecs
HTML5 Video Codecs
HTML5 Forms Inputs
HTML5 Forms Attributes
atau download ebook lengkap nya ..
0 komentar:
Posting Komentar