Berikut adalah sedikit penjelasan mengenai kemampuan apa saja yang nantinya akan bisa dilakukan oleh HTML5:
HTML5
Seperti yang kita ketahui, HTML 5 adalah penerus dari HTML 4. Namun, ini tidak berarti bahwa ia akan menggantikan HTML 4, seperti halnya XHTML 1 tidak menggantikan HTML 4. HTML 5 masih berupa bahasa HTML lama, hanya saja versi baru ini memiliki beberapa fitur tambahan. Beberapa fitur yang telah ditambahkan cukup fantastis, dan fitur baru ini akan sangat membantu ketika kita membuat sebuat aplikasi web.
Doctype
Doctype di HTML5 sangat sederhana, berbeda dengan HTML4 dan XHTML yang doctype-nya sangat membingungkan dan mungkin akan sangat sulit diingat.
Doctype HTML5 akan terlihat seperti ini :
1 | |
1 2 3 | |
Beberapa Elemen Baru
Di HTML4 kita mengenal adanya tag
yang biasa digunakan sebagai penanda section tertentu. Di HTML5 tag yang memiliki fungsi seperti tag
akan ditambahkan, diantaranya :
Input Type
Ada beberapa jenis input yang berbeda di HTML 5 yang bisa digunakan. Kita tidak lagi terpaku pada “input type=text”, tetapi input-nya bisa dibuat lebih spesifik, misalnya
akan menghasilkan output semacam ini
nantinya akan ada banyak “input type” baru semacam ini, diantaranya :
Fitur-Fitur lain yang tidak kalah menarik
Elemen Canvas adalah cara untuk menggambar grafik atau objek interaktif dengan sedikit javascript dan tag
contoh penggunaan elemen Canvas :
Pada Versi HTML4 , kadang kadang kita sedikit mengalami kesulitan jika ingin memasukkan sebuah video ke halaman web, namun di HTML5 kita tidak perlu pusing pusing lagi kalau ingin memasukkan video ke halaman web. cukup dengan menggunakan tag
Source
bisa berupa text biasa – Untuk judul artikel dsb… - – Untuk mencantumkan kontak info, bisa berupa alamat email, dsb..
Input Type
Ada beberapa jenis input yang berbeda di HTML 5 yang bisa digunakan. Kita tidak lagi terpaku pada “input type=text”, tetapi input-nya bisa dibuat lebih spesifik, misalnya
1 2 3 | |
nantinya akan ada banyak “input type” baru semacam ini, diantaranya :1 2 3 4 5 6 7 8 9 10 | |
Fitur-Fitur lain yang tidak kalah menarik
- required – di gunakan pada textfield yang datanya wajib diisi 1
- datalist – memungkinkan kita untuk menambahkan datalist pada “text input”
- multiple – untuk multiple file upload 1
- pattern – kita dapat menetapkan input untuk mengikuti suatu pola, misalnya, jika Anda ingin input hanya berisi satu nomor 0-9 saja, maka bisa dilakukan dngan cara berikut 1
"[0-9]">
1 2 3 4 5 | |
Elemen Canvas adalah cara untuk menggambar grafik atau objek interaktif dengan sedikit javascript dan tag
1 2 3 | |
- Awesome animation effect
- Canvas Shooter
- Painting Application
- Game of Life
- 3D Driving Simulator
- 3D Game
- A way to turn tables into graphs with jQuery and Canvas
Pada Versi HTML4 , kadang kadang kita sedikit mengalami kesulitan jika ingin memasukkan sebuah video ke halaman web, namun di HTML5 kita tidak perlu pusing pusing lagi kalau ingin memasukkan video ke halaman web. cukup dengan menggunakan tag
Source
SOCIALIZE IT →