Pengenalan Dasar HTML5 - Pada kesempatan ini
Titip Teknologi akan membahas wacana 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 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 arahan 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 alasannya sudah banyak arahan 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 gosip 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 perhiasan 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 perhiasan 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 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 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 bila teknologi yang sedang kita gunakan terancam tidak lagi berfungsi pada browser di masa mendatang.
Sekedar gosip 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.
Demikian mengenai
Pengenalan Dasar HTML5, semoga menambah pengetahuan sahabat blogger. Terima kasih.
Posting Komentar
Posting Komentar