HTML5 merupakan standar gres 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 tetapkan untuk bekerja sama dan membentuk versi gres dari HTML.
Berikut tujuan dibuatnya HTML5 :
- Fitur gres 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 sanggup terlihat untuk umum
Fitur gres 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, menyerupai artikel, footer, header, nav, section
- Bentuk kontrol form menyerupai kalender, tanggal, waktu, email, url, search.
Beberapa browse sudah mendukung HTML5 menyerupai safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Exploree ) akan mendukung beberapa fitur dari HTML5
Apa itu HTML5?
HTML5 merupakan versi lanjutan dari HTML. Yang akan memperkenalkan beberapa fitur gres yang membantu dalam pembuatan HTML dengan lebih mudah. Dan juga dengan fitur barunya yang membuat tata letak situs web Anda lebih terang bagi pembuat arahan dan mesin pencari.
Hal ini sanggup membantu mesin pencari alasannya yaitu keberadaan tag pada header, footer, navigasi dan artikel. Kesemuanya itu merupakan tag yang gres diperkenalkan dalam mendefinisikan penggalan utama dari sebuah website. Jika Anda sanggup memberitahu mesin pencari bahwa navigasi mempunyai link dalam mengatur sajian pada seluruh situs, maka mereka (mesin pencari) sanggup memakai semua link pada penggalan ini. Tag artikel mungkin yaitu tag yang paling penting, alasannya yaitu konten merupakan penggalan terpenting pada halaman Anda yang sanggup memungkinkan bagi mesin pencari untuk mengetahui bahwa di area tersebut merupakan semua konten anda.
Terlepas dari tag yang baru, dalam HTML5 juga memperkenalkan API yang memungkinkan Anda untuk membuat gambar grafis, penyimpanan data offline dengan drag dan drop.
Memulai Dengan HTML5
Memulai dengan memakai
HTML5 itu sangatlah mudah, dan dengan memakai DOCTYPE favorit saya dari fitur HTML5 tersebut.
Ingatkah Anda DOCTYPE yang dipakai untuk transisi XHTML? Jika anda tidak sanggup mengingatnya apakah anda selalu mencari acuan tiap membuat halaman baru?.
HTML5 membuatnya menjadi gampang untuk mendefinisikan dokumen sebagai HTML5
Saya rasa anda sanggup mengingat yang satu ini. Itulah yang harus Anda lakukan dalam membuat halaman HTML5 Anda, anda sanggup melakukannya kini tanpa merubah apapun pada halaman Anda. Bahkan browser IE6 akan memahami apa itu. Sejauh ini saya telah merubah pada situs saya ini dan membuat semua perubahan ke versi HTML5, dan saya mulai memakai HTML5 pada situs-situs yang saya kerjakan dikala ini.
Mengapa Memakainya?
HTML5 dilengkapi dengan sejumlah fitur canggih yang memudahkan bagi developer/desainer dalam memakai HTML. Sekarang saya mengerti kalau anda akan menyampaikan bahwa HTML itu sangat gampang dipakai dan itulah salah satu alasan mengapa hingga begitu populer. Tapi HTML5 akan mengelompokkan arahan Anda, kelompok konten Anda, membuat markup yang higienis dan menyajikan Anda fitur-fitur canggih bagi anda yang biasanya ditulis dalam Javascript untuk membuat kodenya.
HTML5 memungkinkan Anda untuk menggambar pada kanvas, memutar video, merancang form dengan lebih baik, atau membangun aplikasi web yang bekerja secara offline.
Alasan utama untuk memakai HTML5 dikala ini yaitu alasannya yaitu kita tahu HTML5 tidak akan usang, dan akan terus berlaku sepanjang waktu. Seperti yang dikatakan W3C wacana HTML5 pada tahun 2009 lalu.
Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML5 and clarify W3C’s position regarding the future of HTML.
Browser apa saja yang mendukung HTML5?
Namun bagi browser versi lama yang tidak memahami tag lain yang gres menyerupai header, bagian, samping dan artikel browser tersebut tidak akan membuatnya dengan benar dan akan menjadikannya sebagai elemen inline. Dan Ini sanggup mengakibatkan persoalan pada tampilan sehingga Anda perlu mengubah elemen CSS ini untuk memblokir sehingga browser lama sanggup memahami bagaimana untuk membuatnya menjadi benar.
1 | header, section, article, aside, nav, footer { |
Menjadikan HTML5 Bekerja Pada IE
Tapi untuk Internet Explorer 8 atau versi yang lebih rendah cara di atas tidak akan berhasil alasannya yaitu mereka tidak mengerti tag apa ini sehingga tag tersebut akan diabaikan, Anda perlu memakai Javascript untuk membuat elemen sebelum Anda menggunakannya dalam arahan Anda.
2 | document.createElement('header'); |
3 | document.createElement('section'); |
4 | document.createElement('article'); |
5 | document.createElement('aside'); |
6 | document.createElement('nav'); |
7 | document.createElement('footer'); |
Tag Baru HTML5
HTML5 telah merilis tag gres yang membantu untuk memilih tata letak dan struktur halaman.
Berikut yaitu halaman yang biasa memakai tag HTML lama.
9 | <div id="article"></div> |
10 | <div id="sidebar"></div> |
Hanya dengan melihat HTML tersebut Anda sanggup melihat dengan terang penggalan yang berbeda dan hanya membaca penggalan itu Anda sanggup memahami dengan terang apa fungsi masing-masing div yang akan dipakai berkat tag ID.
Namun bagaimana mesin pencari mengetahui fungsi tersebut?
Disinilah mengapa dinamakan HTML5 , di bawah ini merupakan struktur yang sama dengan yang diatas tetapi dalam HTML5.
Sekarang Anda sanggup melihat lagi pada penggalan tersebut dan apa yang akan mereka eksekusi, Dikarenakan didefinisikan dengan tag maka mesin pencari akan mengetahui apa arti penggalan ini.
Perbedaan lain yang mungkin Anda lihat yaitu doctype. HTML5 hanya mempunyai 1 doctype yang biasa didefinisikan pada awal dokumen.
Yang mana akan memudahkan untuk memberitahu pada browser bahwa itu merupakan dokumen HTML.
Tag Semantic
Perubahan utama pada HTML5 yaitu untuk membuat tag yang lebih semantik sehingga mereka akan menjelaskan jenis konten apa yang akan dimasukkan ke dalam tag ini.
HEADER
Elemen Header merupakan sekelompok alat bantu navigasi atau pengantar.
Elemen header biasanya dimaksudkan untuk memberi judul pada penggalan tersebut (elemen h1-h6 atau elemen hgroup), namun ini tidak diperlukan.
Dalam hal ini akan berisi header untuk halaman dan/atau penggalan dikarenakan header sanggup muncul di aneka macam daerah pada halaman. Bisa juga sebagai daerah yang ideal untuk logo, kotak pencarian atau tabel isi untuk halaman dan/atau bagian.
NAV
Elemen nav merupakan penggalan dari halaman yang membuat link ke halaman lain atau ke penggalan di dalam halaman: penggalan dengan link navigasi. Tidak semua kelompok link pada halaman harus di dalam elemen nav – hanya bagian yang terdiri dari blok navigasi utama yang sesuai dengan elemen nav.
Oleh alasannya yaitu itu daerah yang ideal bagi tag nav yaitu berada dalam header atau footer. Dan suatu judul biasanya akan membuat link yang membantu menavigasi sekitar lokasi, Begitu juga footer yang biasanya akan mempunyai link utama pada website.
SECTION/BAGIAN
Hal yang paling generik dari elemen struktur baru, yang berisi konten yang sanggup dikelompokkan secara tematis maupun terkait.
Bagian yang paling generik dari tag struktural, penggalan ini didefinisikan sebagai pengelompokan konten yang tematik. Section/bagian biasanya berada diatas antara header dan konten, yang sanggup dipakai terpisah untuk sebuah halaman.
Contoh dari section/bagian yang akan menjadi halaman tab atau penggalan nomor dari sebuah halaman.
Dalam kebiasaan desain web anda sanggup memisahkan isi website ke dalam beberapa bagian, pengenalan, fitur, berita, kontak dll.
SAMPING
Elemen samping selain merupakan penggalan dari halaman yang terdiri dari konten yang berafiliasi dengan konten pada seluruh elemen samping, yang sanggup dianggap terpisah dari konten tersebut. Bagian menyerupai ini sering direpresentasikan sebagai sidebars dalam bentuk tipografi.
Biasanya dipakai untuk konten yang terkait dengan konten utama tetapi sanggup berpindah sendiri, idealnya hal ini dipakai untuk mengutip atau sebagai sidebar. Keduanya terkait dengan halaman namun sanggup dipakai secara independen.
ARTICLE
Elemen artikel terdiri dari konten yang ada di dokumen, halaman, aplikasi, atau situs.
Isi artikel ini dimaksudkan untuk secara independen didistribusikan atau dipakai kembali pada daerah lain.
Idealnya hal ini dipakai sebagai konten halaman, posting lembaga atau posting blog. Hal ini sanggup dipisahkan dari halaman dan masih tetap mempunyai nilai. Pada area yang membuat halaman sanggup disindikasikan.
FOOTER
Sebuah footer biasanya berisi informasi wacana penggalan penulisnya, link ke dokumen yang terkait, data hak cipta, dan sejenisnya.
Biasanya footer berada pada penggalan final tiap halaman, namun layaknya header, anda sanggup mempunyai beberapa footer pada setiap halaman menyerupai yang biasa dipakai untuk mendefinisikan final dari bagian.
HGROUP
Unsur hgroup merupakan penggalan dari judul. Unsur ini dipakai untuk mengelompokkan satu set elemen h1-h6 ketika pos mempunyai beberapa tingkatan, menyerupai subpos, alternatif judul, atau taglines.
Lalu apa yang anda tunggu lagi?
refrensi
http://ianpanrita.com/apa-itu-html5.ian/
cerciterismah.blogspot.com/search?q=5/ Sumber http://x-wahz.blogspot.com/
0 Response to "✔ Apa Itu Html5"
Posting Komentar