Jumat, 30 November 2012

Tentang Html 5



kali ini saya akan membuat tugas tentang bagaimana mendeteksi html 5 dan html 4 dan bagaimana cara membedakannya ? Di HTML5 ada beberapa fitur menarik untuk dicoba yakni sebagai berikut :
1. Doctype yang baru
Salah satu fitur terbaru di HTML5 yakni menggunakan doctype terbaru, doctype sendiri digunakan untuk memberitahukan ke browser bahwa tipe data dokumen yang digunakan adalah HTML. Sangat penting untuk menuliskan DOCTYPE dalam semua dokumen HTML, sehingga browser tau apa jenis dokumen yang harus disiapkan.
Jika di HTML4 kita harus menuliskan doctype seperti ini:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Maka di HTML penulisannya seperti ini:


2. Tidak ada lagi atribut type pada Link dan Script

Pada script HTML memerlukan atribut type pada tag link atau script. Contohnya seperti ini:


Di HTML5 tidak perlu menggunakan atribut type, sehingga code berkurang dan lebih mudah dihapal. 
Contohnya seperti iniL



Dapat mengedit konten secara langsung
Salah satu fitur terbaru di HTML5 adalah user dapat mengedit kontenya secara langsung. Hal ini bisa dilakukan dengan menambahkan tag contentEditable. Seperti namanya, tag ini memungkinkan pengguna untuk mengedit setiap teks yang terkandung dalam elemen, termasuk turunannya. Ada berbagai penggunaan untuk hal seperti ini, termasuk sebuah aplikasi sederhana seperti daftar to-do, yang juga mengambil keuntungan dari penyimpanan lokal.
Support Penyimpanan Lokal
Salah satu hal yang mengesankan lainnya di HTML5 adalah support penyimpanan lokal. Yang mana hal ini berguna pada browser untuk “mengingat” apa yang kita ketik, bahkan setelah browser di refresh atau di tutup ! 
Lebih sedikit membutuhkan plugin eksternal
Jika di HTML versi sebelumnya untuke memutar file multimedia dibutuhkan plugin tambahan seperti flash player, maka HTML5 mengurangi ketergantungan pada flash player. Flash player sendiri sering di “kambing hitam kan” sebagai penyebabnya lamanya loading sebuah web.
Sebenarnya masih banyak sekali fitur-fitur HTML5 seperti:
  • Penambahan unsur baru di HTML5.
  • Support file audio dan video
  • Adanya elemen canvas yang membuat user bisa membuat gambar secara langsung di web.
  • Elemen  konten yang  lebih  spesifik, seperti  artikel, footer, header,navigation, section.
  • Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search.
  • Dan lain sebagainya.


Sumber :