Berikut ini saya akan uraikan beberapa hal baru tentang HTML5 yang mungkin belum anda ketahui. Memang tidak begitu banyak perbedaan antara versi sebelumnya namun penyempurnaan di HTML ini menurut saya sudah sangat bagus. Beberapa diantaranya adalah sebagai berikut:

1. Doctype baru yang lebih sederhana.

Pada versi XHTML kita sering menggunakan Doctype yang panjang serpti ini:

Di HTML5 anda cukup buat seperti ini:

2. Elemen/tag Figure

Pada versi sebelumnya kita biasa membuat informasi kontak seperti ini:

Di html5 Anda bisa menggunakan elemen baru yaitu <figure> untuk menampilkan data berupa profil pribadi beserta foto. Lihat contohnya:

 3. Elemen <small>

Ada cara baru untuk menampilkan teks dengan ukuran kecil yaitu menggunakan elemen <small> contohnya seperti ini:

Contoh diatas akan memberikan perbedaan ukuran huruf dengan yang ada didalam elemen <small>. Namun penggunaan elemen <small> lebih tepatnya digunakan untuk teks-teks didalam website anda yang memeng diharuskan kecil seperti informasi copyright yang ada dipaling bawah website anda.

4. Tidak perlu menggunakan Types untuk sumber file external.

Pada versi xhtml kita sering menulis sperti ini:

Sekarang di HTML5 anda bisa menulisnya seperti ini:

 5. Content editable

Ini sedikit menarik menurut saya. dengan HTML5 anda bisa membut isi konten web anda bisa diedit oleh pengguna. contohnya seperti ini:

Silahkan lihat demonya disini : http://jsfiddle.net/xo7q3s4L/

6. Type Input khusus untuk email

HTML5 juga menyediakan type input khusus untuk email. jadi ini sekaligus sebagai validator input dari pengguna. jika yang diinput bukan format email maka sistem akan menolak.

 7. Property placeholder untuk input

Ini mirip dengan value yang teksnya langsung muncul di form input namun ini hanya teks bayangan saja yang ketika difokus maka teksnya hilang dengan sendirinya.

8. Elemen header dan footer

Sebelumnya kita sering membuat seprti ini:

Di HTML5 anda bisas buat seperti ini

 9. Tambahan atribut required pada form input.

HTML5 memungkinkan Anda bisa membuat form input harus diisi tanpa menggunakan javascript. Ini contohnya

 10. Support file audio

Anda bisa menjalankan file audio dalam website anda dengan kode dibawah ini

 11. Support file vidoe

HTML5 juga support file video. jadi anda tidak perlu memakai player video orang lain. Ini contohnya:

 12. Regular Expressions

Anda bisa membuat validasi form input dengan karakter tertentu saja dengan menggunakan atribut regular expression. contohnya seperti ini:

 13. Elemen <mark>

Elemen <mark> memungkinkan anda membuat teks tertentu menjadi otomatis memiliki background kuning. Contonya seperti ini

Lihat demonya disini: http://jsfiddle.net/t9eujst7/

 

(Visited 776 times, 1 visits today)