Pengenalan Dasar HTML5
Pengenalan Dasar HTML5 - Sebagai pengguna internet, semakin dalam penggunaan, semakin dalam pula rasa penasaran. Termasuk penasaran terhatap situs dalam atau yang lebih dikenal dengan sebutan deepweb dan HTML5.
Pada kesempatan kali ini, saya akan mengulas sedikit tentang HTML5, yang mungkin belum kita ketahui secara menyeluruh.
Pada kesempatan kali ini, saya akan mengulas sedikit tentang HTML5, yang mungkin belum kita ketahui secara menyeluruh.
Sebagai awal pembahasan, kita akan belajar bersama dasar-dasarnya terlebih dahulu, supaya kedapannya nanti kita tidak mati ditengah jalan hehe. Setelah memahami betul tentang pengenalan dasarnya, kita akan memasuki ke penerapannya.
Mulai terbangun sejak tahun 2008 ke publik, dan mulai terkenal sejak tahun 2011. Sejak itulah, browser terbaik saat ini berlomba-lomba menyuguhkan inovasi terbaru mereka dengan skor HTML5 yang tinggi, yang saat ini diduduki google chrome sebagai peringkat atas.
Mulai terbangun sejak tahun 2008 ke publik, dan mulai terkenal sejak tahun 2011. Sejak itulah, browser terbaik saat ini berlomba-lomba menyuguhkan inovasi terbaru mereka dengan skor HTML5 yang tinggi, yang saat ini diduduki google chrome sebagai peringkat atas.
Definisi HTML5
Seperti biasanya, dari sebuah pembahasan pasti dimulai dari pengertian/definisi. HTML5 adalah sebuah teknologi modern dari HTML yang dikembangkan oleh World Wide Web Consortium, atau lebih akrap disapa dengan sebutan W3C. Sejak mulai terkenalnya teknologi ini di tahun 2011, banyak sekali developer yang mulai tertarik untuk menggunakan tekologi ini. Namun sangat disayangkan, browser saat itu masih belum support dengan teknologi ini.
Mulai berkembang, dan terus berkembang, saat ini, HTML5 bekerja sama dengan CSS3. Memang belum berstatus akhir, namun kedua teknologi ini sudah bisa digunakan secara efektif. Saat ini developer W3C akan terfokus terus untuk memaksimalkan kualitas teknologi ini agar kedepannya bisa menjadi terbaik.
Keunggulan yang Disuguhkan
Peringanan terhadap penggunakan flash player, merupakan keunggulan utama yang disuguhkan. Dengan ini, proses mengunggah situs akan terasa lebih ringan, terutama portal berita seperti detik.com. Ditambah dengan membantu browser membaca javascript, hal ini menyebabkan browser menjadi lebih ringan ketika digunakan berselancar.
Apa yang Baru di HTML5?
HTML5 ditujukan untuk meminimalkan proses pengkodean yang lebih logis. HTML5 sangat dibutuhkan oleh website yang memiliki dasar konten multimedia karena telah banyak kode yang diperuntukkan konten multimedia. Banyak fitur yang dibuat berdasar besarnya data, namun tidak bisa membuat kekompatible'an terhadap beberapa perangkat. yang menyebabkan mobilitas meningkat terhadap penggunaan konten yang diingingkan oleh para pengguna.
Beberapa elemen baru HTML antara lain adalah <video>, <audio>, dan <canvas>. Ditambah integrasi dengan Vector Graphic Content ( <object>tag ). Dengan ini, situs yang konten utamanya adalah multipedia, bisa dimuat dengan ringan tanpa plugin tambahan atau sering disebut dengan APIS, karena sudah tertangani oleh fitur baru HTML5 ini.
Struktur Baru yang Ada di HTML5
A. Elemen Media
<audio> mengartikan konten suara.
<video> mengartikan konten video.
<source> mengartikan konten sumber media <video> dan <audio>
<embed> mengartikan sebuah wadah untuk aplikasi eksternal atau konten interaktif.
B. Plug-in
<track> mengartikan trek teks untuk <video> dan <audio>
C. Elemen Struktual
Beberapa unsur menarik baru yang disuguhkan HTML5, selain itu struktur ini dianggap lebih baik daripada yang sebelumnya.
<canvas> digunakan untuk menggambar grafik menggunakan script.
<article> mengartikan sebuah artikel.
<aside> mengartikan konten selain dari konten halaman.
<bdi> Isolat merupakan bagian dari teks yang bisa diformat dalam arah berbeda dari teks lain di luar itu.
<command> mengartikan tombol perintah bahwa seseorang dapat meminta.
<details> sebuah rincian tambahan bahwa pengguna bisa menyembunyikan ataupun memperlihatkan.
<dialog> mengartikan kotak jendela/dialog.
<summary> mengartikan judul terlihat dengan elemen <details>
<figure> mengartikan konten mandiri
<figcaption> mengartikan sebuah caption untuk elemen <figure>
<footer> mengartikan bagian dari dokumen/footer.
<header> mengartikan bagian header dari dokumen/footer.
<mark> mengartikan teks yang ditandai/disorot.
<meter> mengartikan pengukuran skala.
<nav> menandakan navigasi link.
<progress> mengartikan proses kerja.
<ruby> mengartikan penjelasan ruby
<rt> mengartikan penjelasan / pengucapan karakter
<rp> mengartikan apa yang kudu ditampilkan pada browser tidak mendukung.
<bdi> Isolat merupakan bagian dari teks yang bisa diformat dalam arah berbeda dari teks lain di luar itu.
<command> mengartikan tombol perintah bahwa seseorang dapat meminta.
<details> sebuah rincian tambahan bahwa pengguna bisa menyembunyikan ataupun memperlihatkan.
<dialog> mengartikan kotak jendela/dialog.
<summary> mengartikan judul terlihat dengan elemen <details>
<figure> mengartikan konten mandiri
<figcaption> mengartikan sebuah caption untuk elemen <figure>
<footer> mengartikan bagian dari dokumen/footer.
<header> mengartikan bagian header dari dokumen/footer.
<mark> mengartikan teks yang ditandai/disorot.
<meter> mengartikan pengukuran skala.
<nav> menandakan navigasi link.
<progress> mengartikan proses kerja.
<ruby> mengartikan penjelasan ruby
<rt> mengartikan penjelasan / pengucapan karakter
<rp> mengartikan apa yang kudu ditampilkan pada browser tidak mendukung.
Penjalasan Ruby
<section> mengartikan bagian dalam dokumen.
<time> mengartikan waktu/tanggal.
<wbr> mengartikan garis/break.
Beberapa elemen HTML 4.01, yang telah usang dan sudah tidak digunakan pada generasi HTML5 :
<center>
<big>
<font>
<frame>
<acronym>
<applet>
<basefont>
<dir>
<framereset>
<noframes>
<strikes>
<tt>
Sebagai pengguna tekonologi, tidak ingin ketertinggalan merupakan kemauan alami kita. Apalagi teknologi yang kita gunakan sudah terancam punah tidak dapat berfungsi lagi pada browser yang akan datang nanti.
Browser popular saat ini, nyatanya sudah memberikan skor HTML5 yang tinggi, sehingga kekompatibilitas mereka sudah tidak dapat diragukan. Apalagi chrome yang saat ini menduduki peringkat paling atas. IE? Sekarang udah ada edge browser :p, jadi saat ini kita tidak bisa membullynya,
Nah, mungkin cukup sekian, semoga bermanfaat dan apabila terdapat salah kata, mohon maafkan saya.
dikutip : http://www.arlinadzgn.com/2015/08/pengenalan-dasar-html5.html
