anakui.com – Arti HTML5 , HTML5 didefinisikan sebagai versi kelima dari HTML, bahasa markup yang digunakan oleh browser web untuk memvisualisasikan kode. Ini membawa beberapa peningkatan dalam fungsionalitas situs web, pengembangan konten web, dan banyak lagi. Artikel ini mencakup pengertian, elemen, dan manfaat HTML5.
Berikut Arti HTML5
HTML5 adalah versi kelima dari Hypertext Markup Language (HTML) yang digunakan untuk memvisualisasikan kode di browser web. Ini membawa beberapa peningkatan dalam fungsionalitas situs web, pengembangan konten web, dan banyak lagi.
Evolusi HTML
Pada hari-hari awal World Wide Web, pembuat browser web utama seperti Microsoft Internet Explorer dan Mosaic Netscape mengembangkan elemen khusus browser untuk menyempurnakan tampilan halaman web di browser. Pada akhir 1990-an mereka membuat berbagai versi situs web untuk Internet Explorer dan Netscape.
Tahun 1996 World Wide Web Consortium (W3C) yang baru dibentuk merekomendasikan pembuatan HTML 3.2. Standar ini mencakup elemen HTML yang umum digunakan saat itu. Juga termasuk ekstensi presentasi ke HTML seperti elemen sentral dan font yang dibuat selama ‘perang browser’ Internet Explorer-Netscape.
Segera setelah itu, HTML 4.0 (1998) dan HTML 4.01 (1999) muncul, meningkatkan aksesibilitas sambil menekankan pemisahan presentasi dan struktur. Pembaruan ini membawa elemen presentasi sesuai dengan standar Cascading Style Sheets (CSS) yang baru dibuat.
Munculnya HTML5
Tak lama setelah transisi milenium, perwakilan dari Mozilla, Opera, dan Apple bekerja sama untuk membentuk Kelompok Kerja Teknologi Aplikasi Web Hypertext (WHATWG). Tujuan dari entitas ini, berbeda dari W3C, adalah untuk memajukan pengembangan HTML dengan cara yang memungkinkan bahasa memenuhi persyaratan baru yang muncul dari praktik penulisan dunia nyata dan perilaku browser. Dokumen awal WHATWG, Aplikasi Web 1.0 dan Formulir Web 1.0, digabungkan untuk membuat HTML5.
Hari ini, WHATWG mempertahankan standar HTML ‘hidup’ yang tidak terurai menjadi angka. Karya WHATWG juga menjadi dasar bagi W3C untuk membentuk Kelompok Kerja HTML5 sendiri. HTML5 secara resmi menerima status ‘Direkomendasikan’ pada bulan Oktober 2014.
Spesifikasi untuk standar HTML5 dipertahankan oleh kedua organisasi tersebut secara berdampingan, yang mengakibatkan beberapa perbedaan dari waktu ke waktu. Sebagian besar pengembang browser mengandalkan versi WHATWG untuk referensi implementasi.
HTML 4.01 Strict, versi tanpa elemen berbasis presentasi dan atribut usang lainnya, adalah dasar untuk HTML5. Ini menghasilkan sebagian besar HTML5 menggunakan elemen yang kompatibel dengan browser yang sama yang digunakan sebelumnya. Itu juga memperkenalkan banyak elemen baru dan atribut global dan membuat banyak atribut dan elemen yang tidak digunakan lagi menjadi usang dalam HTML 4.01. Fitur utama HTML5 adalah menyertakan protokol standar untuk menangani warisan dan markup yang cacat di browser.
Apa yang membedakan HTML5
Sebelum pemutakhiran ini, HTML berfokus pada elemen yang digunakan untuk menandai konten untuk visualisasi di laman web. HTML5 melanjutkan dengan menyediakan banyak cara baru untuk menyelesaikan sesuatu. Di versi HTML sebelumnya, ini memerlukan pemrograman khusus atau plug-in berpemilik seperti Silverlight atau Flash.
Arti HTML5 dan Fitur HTML5 mencakup elemen markup dan skrip serta antarmuka pemrograman aplikasi (API) untuk fitur seperti menambahkan video dan audio ke halaman, penyimpanan data lokal, bekerja offline, dan menggunakan data lokasi. Dengan HTML5 menangani fitur pengembangan web standar, tim pengembangan tidak perlu membuat fitur dari awal untuk setiap aplikasi dan sebagai gantinya dapat mengandalkan fitur browser bawaan.
Elemen HTML5
Setelah membahas Arti HTML5 mari kita bahas elemennya , HTML5 memperkenalkan sejumlah elemen baru yang didukung oleh sebagian besar browser web utama. Berikut adalah elemen kunci dari HTML5:
1. <Artikel>
Elemen bagian baru ini digunakan untuk menampilkan konten tertentu sebagai bagian dari artikel. Konten ini kemudian diperlakukan secara terpisah dari konten lain di situs web, meskipun mungkin tumpang tindih.
2. <menyamping>
Elemen ini mendefinisikan konten selain konten yang disematkan. Sering digunakan di sidebar dokumen. Elemen ini tidak dirender dalam format tertentu apa pun di browser, tetapi dapat ditata menggunakan CSS.
Elemen ini bertujuan untuk mengidentifikasi konten yang terkait dengan konten utama halaman tetapi bukan bagian dari maksud utamanya. Misalnya, dapat digunakan untuk meringkas informasi penulis dan membuat tautan ‘baca lebih lanjut’.
3. <Audio>
Elemen ini memungkinkan pengguna menyematkan konten suara dari halaman, seperti aliran musik atau audio. Tag <audio> digunakan bersama dengan satu atau lebih tag <sumber> untuk mengidentifikasi sumber audio. Browser akan meluncurkan sumber pertama yang didukung. Format audio yang didukung termasuk MP3, OGG dan WAV. Jika browser Anda tidak mendukung elemen ini, teks akan ditampilkan di antara tag <audio> dan </audio>.
4. <bdi>
Nama elemen ini menunjukkan isolasi dua arah. Fungsinya untuk memisahkan segmen teks yang dapat diformat dengan arah yang berbeda dari teks di luar elemen. <bdi> membantu menyisipkan konten buatan pengguna yang berisi teks dengan format arah yang tidak diketahui.
5. <canvas>
Elemen ini menggunakan JavaScript untuk menggambar grafik (kotak, jalur, gradien, teks) dan menambahkan gambar ke halaman. Perbatasan dan teks tidak disematkan secara default, tag transparan dan hanya berfungsi sebagai wadah untuk grafik yang digambar. Grafik ini dapat dibuat menggunakan elemen dan skrip lainnya. Jika elemen tidak didukung atau JavaScript dinonaktifkan di browser, teks di dalam elemen akan ditampilkan.
6. <Data>
Elemen ini digunakan untuk menambahkan informasi yang dapat dibaca mesin ke konten. Nilai yang dapat dibaca mesin disediakan oleh pemroses data, sedangkan nilai yang dapat dibaca manusia juga disediakan oleh browser web untuk dirender.
7. <Daftar Data>
Elemen ini menyediakan fungsionalitas ‘pelengkapan otomatis’ untuk elemen <input> dengan menentukan daftar drop-down opsi prasetel yang akan ditampilkan browser kepada pengguna saat data dimasukkan. Atribut id elemen <datalist> harus sama dengan atribut daftar elemen <input> untuk pengikatan.
8. <Konten> dan <Ringkasan>
Konten yang terdapat pada elemen ini awalnya tersembunyi dan hanya terlihat ketika pengguna ingin melihatnya. Anda dapat memasukkan konten apa pun.
Untuk melakukan ini, dibuat widget interaktif yang dapat dibuka atau ditutup oleh pengguna. Widget ini ditutup secara default dan, setelah dibuka, akan diperluas untuk menampilkan konten.
Tag <summary> menentukan judul yang terlihat dari widget <details>, yang dapat berinteraksi dengannya untuk melihat atau menyembunyikan konten.
9. <Percakapan>
Elemen ini memungkinkan Anda dengan mudah membuat dialog popup dan jendela modal di halaman web dengan menentukan dialog atau subjendela.
10. <masukkan>
Elemen ini biasanya digunakan untuk menyematkan aplikasi pihak ketiga yang berupa konten multimedia seperti video atau audio. Ini bertindak sebagai wadah bagi pengguna untuk memasukkan plugin seperti animasi Flash.
Menerapkan elemen ini di HTML5 hanya membutuhkan tag awal. Penting untuk diperhatikan bahwa banyak browser modern tidak lagi mendukung plug-in dan applet Java, kontrol ActiveX, atau Shockwave Flash, sehingga membatasi kegunaan elemen ini.
11. <Gambar> dan <Deskripsi>
Elemen ini dipakai untuk mengatur konten mandiri seperti diagram, gambar, daftar kode, dan foto. Isinya terkait dengan aliran utama. Namun, posisinya tak bergantung pada aliran yang mendasarinya, dan aliran halaman biasanya tak terpengaruh saat elemen dihapus. Elemen <figcaption> memungkinkan pengguna menambahkan keterangan untuk <figure>.
Elemen ini mendefinisikan footer dari suatu bagian maupun halaman. Ini biasanya mencakup informasi tentang penulis, informasi kontak, hak cipta, tautan ‘kembali ke atas’, peta situs, materi terkait, dan banyak lagi. Satu dokumen bisa berisi beberapa elemen <footer>. Informasi kontak biasanya disisipkan di dalam tag <address> elemen ini.
13. <tajuk>
Elemen ini biasanya berisi informasi yang berhubungan dengan judul dan judul halaman. Biasanya menggambarkan wadah untuk informasi pengantar maupun tautan navigasi. Ini juga berguna untuk memvisualisasikan satu maupun lebih elemen tajuk (diklasifikasikan <h1> hingga <h6>), logo, ikon, dan penulis.
Elemen ini juga bisa dipakai untuk membungkus formulir pencarian bagian maupun daftar isi. Satu dokumen bisa berisi banyak elemen <header>, tetapi tag <header> tak bisa ditempatkan di dalam <address>, <footer>, maupun elemen <header> lainnya.
14. <Keygen>
Elemen ini dipakai dalam formulir untuk mengatur bidang generator pasangan kunci. Tujuannya adalah untuk memberi pengguna metode otentikasi yang aman. Kunci publik dan pribadi dihasilkan saat formulir dikirimkan.
Yang terakhir disimpan secara lokal, sedangkan yang pertama dikirim ke server dan dipakai untuk membuat sertifikat klien untuk autentikasi pengguna di masa mendatang. Elemen ini juga berguna untuk membuat dan memverifikasi tanda tangan digital.
15. <Utama>
Elemen ini menjelaskan konten utama halaman, yang harus unik untuk dokumen tertentu. Konten yang diulang di seluruh dokumen, seperti tautan navigasi, sidebar, logo situs, formulir pencarian, dan data hak cipta, tak boleh disertakan dalam elemen ini.
Satu dokumen tak boleh memiliki banyak elemen <main>, dan elemen ini tak bisa diturunkan dari elemen <aside>, <article>, <header>, <footer>, maupun <nav>.
16. <Tandai>
Elemen ini mengatur teks yang harus disorot maupun ditampilkan dalam sebuah paragraf.
17. <meteran>
Juga disebut pengukur, elemen ini dipakai untuk mengatur pengukuran skalar dalam rentang yang telah ditentukan dan nilai pecahan. Misalnya, <meter> bisa mengatur penggunaan disk maupun relevansi hasil kueri.
18. <Pencarian>
Elemen ini biasanya mendeskripsikan bagian situs web yang didedikasikan untuk tautan navigasi ke titik lain di halaman saat ini maupun ke halaman lain. Elemen <nav> umum termasuk tabel, menu, dan indeks.
Anda tak boleh menyertakan tautan apa pun di dalam dokumen di dalam elemen <nav>. Sebaliknya, ini hanya mengacu pada blok tautan navigasi yang lebih besar. Pembaca layar dan browser dengan kemampuan serupa bisa memakai <nav> untuk mengetahui kapan perenderan konten awal bisa dilewati.
19. <Keluaran>
Elemen ini merepresentasikan hasil komputasi, seperti yang dilakukan oleh JavaScript maupun skrip lain. Atribut termasuk untuk (mengatur hubungan antara hasil perhitungan dan elemen yang dipakai selama perhitungan), bentuk (mengatur format yang dimiliki elemen keluaran), dan nama (menunjukkan nama elemen keluaran).
20. <Kemajuan>
Elemen ini memvisualisasikan kemajuan tugas, seperti jumlah pekerjaan yang diselesaikan maupun durasi pengunduhan. Biasa dipakai dengan JavaScript.
21. <ruby>, <rt> dan <rp>
Elemen ini dipakai untuk mengatur komentar ruby, yaitu teks tambahan dalam font kecil yang dilampirkan pada teks utama. Tujuan dari teks ruby ​​​​adalah untuk memandu pengguna melalui arti maupun pengucapan karakter (umumnya dipakai dalam konten bahasa Jepang).
<ruby> biasa dipakai dengan <rt> dan <rp>. <ruby> berisi karakter deskriptif, <rt> berisi informasi yang akan diberikan, dan tag <rp> opsional dipakai untuk mengatur konten yang akan ditampilkan untuk browser yang tak bisa mendukung anotasi ruby ​​\u200b\u200bbiasa.
22. <Bagian>
Elemen ini mendefinisikan bagian tertentu dari halaman web, termasuk header dan footer. dipakai untuk membagi halaman menjadi beberapa bagian dan subbagian, terutama jika diperlukan banyak header, footer, maupun penanda bagian lainnya. Kelompokkan blok umum dari konten terkait.
23. <svg>
Elemen ini membuat wadah untuk grafik SVG. Ada banyak cara untuk menggambar kotak, jalur, lingkaran, gambar grafik, dan teks.
24. <waktu>
Elemen ini mewakili tanggal dan waktu dalam format yang bisa dibaca manusia dan juga dipakai untuk menyandikan data tanggal dan waktu dalam format yang bisa dibaca mesin.
Aplikasi termasuk pengingat ulang tahun, penjadwalan acara kalender dan peningkatan kualitas hasil mesin pencari.
25. <Video>
Elemen ini dipakai untuk menyematkan konten video ke halaman web. Anda harus menyertakan tag <source> yang menjelaskan berbagai sumber video dan browser akan memainkan yang pertama didukung.
Format video yang didukung termasuk MP4, OGG dan WebM. Jika browser tak mendukung elemen ini, browser akan menampilkan teks di antara tag <video> dan </video>.
26. <wbr>
Nama elemen ini mewakili peluang istirahat kata. mengatur titik dalam baris teks di mana jeda baris bisa ditambahkan, jika perlu. Ini berguna ketika kata-kata yang terlalu panjang dipakai dan mungkin dipecah di tempat yang salah oleh browser.
Akhir Kata
Artikel diatas membahas tentang Arti HTML5 , fungsi html5 , semoga membantu terimakasih
Daftar Isi
