Pengenalan Dasar Html5

Pengenalan Dasar HTML5 - Pada kesempatan ini akan membahas perihal hal yang berkaitan dengan HTML5. Untuk mengawali pembahasan HTML5 ini ada baiknya kita mengetahui tentang pengenalan dasar HTM5 agar kedepanya kita sanggup memahami cara kerja dan penerapannya.

Apa itu 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 gres 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 biar 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 ibarat 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 isyarat program. HTML5 merupakan sebuah perangakat yang mandiri.

Apa yang gres di HTML5

HTML5 dihadirkan untuk meminimalisir proses pengkodean dan lebih logis. HTML5 sangat diharapkan oleh website yang mempunyai dasar konten multimedia dikarenakan telah banyak isyarat 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 info yang diinginkan oleh para pengguna. Beberapa fitur gres tersebut ibarat 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 suplemen atau APIs.

Struktural gres 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 memperlihatkan 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 suplemen 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, ibarat 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 abjad (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 ialah :

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

Sekedar info browser teratas ibarat Chrome, Safari, Firefox, Opera, dan IE telah mengatakan kompatibilitas terhadap HTML5, ini mengambarkan bahwa generasi HTML5 akan menggantikan generasi sebelumnya HTML 4.01 yang secara tidak pribadi akan menghapus fungsi pengoperasianya.

Demikian mengenai Pengenalan Dasar HTML5, semoga menambah pengetahuan teman blogger. Terima kasih.

Share this post