Apa Itu HTML5 dan CSS3
HTML5 merupakan teknologi terbaru dari bahasa program (Hypertext Markup Language) atau HTML yang merupakan salah satu bahasa pemrograman web. HTML 5 mulai diperkenalkan kepada publik sejak tahun 2008 namun HTML5 baru dikenal secara luas dan secara resmi pada tahun 2011.
Saat ini HTML5 sudah dapat dipasangkan dengan CSS3 walaupun belum sempurna. Dari W3C ( World Wide Web Consortium ) yang menaungi Program HTML5 ini tetap berusaha memaksimalkan teknologi baru ini agar lebih stabil.
Keunggulan HTML5
HTML5 dihadirkan untuk meminimalisir proses pengkodean dan lebih logis. HTML5 sangat dibutuhkan oleh website yang memiliki dasar konten multimedia karena telah banyak kode yang diperuntukkan konten multimedia.Beberapa fitur baru tersebut seperti element <video>, <audio>, dan <canvas>, serta integrasi terhadap Vector Graphics Content (<object> tag). Hal ini menyimpulkan bahwa konten website yang berbasis multimedia dan grafis dapat ditangani oleh HTML5 dan tentunya dapat digunakan dengan mudah dan lebih cepat tanpa harus menggunakan plug-in tambahan atau APIs.
Struktural
Elemen Media
<audio> Mendefinisikan konten suara
<video> Mendefinisikan sebuah video atau film
<source> Mendefinisikan beberapa sumber media <video> dan <audio>
<embed> Mendefinisikan sebuah wadah untuk aplikasi eksternal atau konten interaktif
Plug-in
<track> Mendefinisikan trek teks untuk <video> dan <audio>
Elemen Formulir
<datalist> Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input
<keygen> Mendefinisikan kunci-pair bidang pembangkit (untuk formulir)
<output> Mendefinisikan hasil penghitungan
Semantik / Elemen Struktural
HTML5 menawarkan unsur-unsur baru untuk struktur yang lebih baik antara lain :
<canvas> Digunakan untuk menggambar grafik melalui script (biasanya JavaScript)
<article> Mendefinisikan sebuah artikel
<aside> Mendefinisikan konten selain dari konten halaman
<bdi> Isolat merupakan bagian dari teks yang dapat diformat dalam arah berbeda dari teks lain di luar itu
<command> Mendefinisikan sebuah tombol perintah bahwa seorang pengguna dapat meminta
<details> Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<dialog> Mendefinisikan sebuah kotak dialog atau jendela
<summary> Mendefinisikan sebuah judul terlihat untuk elemen <details>
<figure> Menentukan konten mandiri, seperti ilustrasi, diagram, foto, daftar kode, dll
<figcaption> Mendefinisikan sebuah caption untuk elemen <figure>
<footer> Mendefinisikan footer untuk dokumen atau bagian
<header> Mendefinisikan sebuah header untuk dokumen atau bagian
<mark> Mendefinisikan ditandai / teks yang disorot
<meter> Mendefinisikan pengukuran skala dalam kisaran yang dikenal
<nav> Mendefinisikan navigasi link
<progress> Merupakan kemajuan tugas
<ruby> Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
<rt> Mendefinisikan penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
<rp> Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung
Penjelasan ruby
<section> Mendefinisikan bagian dalam dokumen
<time> Mendefinisikan tanggal / waktu
<wbr> Mendefinisikan garis-break mungkin
Adapun beberapa elemen HTML 4.01 yang telah usang dan penggunaanya telah dihapus pada generasi HTML5 yaitu :
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>
Kita sebagai pengguna teknologi khususnya teknologi internet tentunya tidak ingin tertinggal dengan perkembangan teknologi generasi terbaru, apalagi jika teknologi yang sedang kita gunakan terancam tidak lagi berfungsi pada browser di masa mendatang.
Sekedar informasi browser teratas seperti Chrome, Safari, Firefox, Opera, dan IE telah memberikan kompatibilitas terhadap HTML5, ini membuktikan bahwa generasi HTML5 akan menggantikan generasi sebelumnya HTML 4.01 yang secara tidak langsung akan menghapus fungsi pengoperasianya.
