Pengenalan Dasar Dasar HTML5

Pengertian HTML5

Berdasarkan pemahaman yang Saya ketahui HTML5 merupakan teknologi terbaru HTML (Hypertext Markup Language) yang merupakan salah satu bahasa pemrograman web yang dinaungi World Wide Web Consortium atau biasa dikenal dengan W3C. HTML5 mulai diperkenalkan kepada publik semenjak tahun 2008, meski demikian HTML5 baru dikenal luas dan secara resmi di release pada tahun 2011.

Para programmer mulai mempunyai ketertarikan khusus untuk memakai teknologi gres ini akan tetapi kompatibilitas browser pada ketika itu masih sangat minim sehingga menyulitkan para web developer untuk memakai HTML5 secara menyeluruh / cross browser.

HTML5 bekerja secara bersamaan dengan CSS3. Walaupun masih belum berstatus Final, kedua teknologi ini sudah sanggup dipakai secara efektif. Saat ini W3C masih berusaha memaksimalkan teknologi gres ini semoga lebih stabil. Sejak teknologi ini diperkenalkan, perhatian W3C terfokus pada pengembangannya sehingga menjadi produk yang akan terus dikembangkan sampai ketika ini.

Beberapa keunggulan yang ditawarkan teknologi HTML5 


Fitur-fitur gres yang tersedia dan berbasis pada HTML, CSS, DOM, dan JavaScript. Kebutuhan penggunaan plug-in ekstra menyerupai Flash Player sanggup diminimalkan sehingga website sanggup di download secara lebih efektif, ringan dan cepat. Penanganan error yang lebih gampang daripada versi sebelumnya. Banyak tag dan element-element gres yang dipakai untuk meminimalisir penulisan aba-aba program. HTML5 merupakan sebuah perangakat yang mandiri.

Yang baru di HTML5

HTML5 dihadirkan untuk meminimalisir proses pengkodean dan lebih logis. HTML5 sangat diharapkan oleh website yang mempunyai dasar konten multimedia dikarenakan telah banyak aba-aba yang diperuntukkan konten multimedia. Banyak fitur yang telah dibentuk dengan memperhatikan besarnya data yang dipakai tetapi tetap sanggup mengatakan kompatibilitas terhadap semua perangakat sehingga sanggup meningkatkan mobilitas penggunaan konten warta yang diinginkan oleh para pengguna. Beberapa fitur gres tersebut menyerupai element <video>, <audio>, dan <canvas>, serta integrasi terhadap Vector Graphics Content (<object> tag). Hal ini menyimpulkan bahwa konten website yang berbasis multimedia dan grafis sanggup ditangani oleh HTML5 dan tentunya sanggup dipakai dengan gampang dan lebih cepat tanpa harus memakai plug-in embel-embel atau APIs.

Struktural baru yang terdapat pada HTML5

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 mengatakan unsur-unsur gres 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 bab dari teks yang sanggup diformat dalam arah berbeda dari teks lain di luar itu
<command> Mendefinisikan sebuah tombol perintah bahwa seorang pengguna sanggup meminta
<details> Mendefinisikan rincian embel-embel bahwa pengguna sanggup melihat atau menyembunyikan
<dialog> Mendefinisikan sebuah kotak obrolan atau jendela
<summary> Mendefinisikan sebuah judul terlihat untuk elemen <details>
<figure> Menentukan konten mandiri, menyerupai 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 klarifikasi ruby (untuk tipografi Asia Timur)
<rt> Mendefinisikan klarifikasi / pengucapan huruf (untuk tipografi Asia Timur)
<rp> Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung

Penjelasan ruby

<section> Mendefinisikan bab dalam dokumen
<time> Mendefinisikan tanggal / waktu
<wbr> Mendefinisikan garis-break mungkin

Adapun beberapa elemen HTML 4.01 yang telah lama dan penggunaanya telah dihapus pada generasi HTML5 yakni :

<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 kalau teknologi yang sedang kita gunakan terancam tidak lagi berfungsi pada browser di masa mendatang.

Sekedar warta browser teratas menyerupai Chrome, Safari, Firefox, Opera, dan IE telah mengatakan kompatibilitas terhadap HTML5, ini menunjukan bahwa generasi HTML5 akan menggantikan generasi sebelumnya HTML 4.01 yang secara tidak eksklusif akan menghapus fungsi pengoperasianya.

Artikel Menarik Lainya:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser