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:
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 :