Berikut adalah daftar elemen HTML5 yang baru, dan deskripsi tentang apa penggunaannya.
Elemen Semantik / Struktural Baru
HTML5 menawarkan elemen baru untuk struktur dokumen yang lebih baik:
<article> Mendefinisikan sebuah artikel dalam dokumen
<aside> Mendefinisikan konten selain konten halaman
<bdi> Mendefinisikan bagian teks yang mungkin diformat dalam arah yang berbeda dari teks lainnya
<details> Mendefinisikan rincian tambahan yang dapat dilihat atau disembunyikan pengguna
<dialog> Mendefinisikan sebuah kotak dialog atau jendela
<figcaption> Mendefinisikan sebuah caption untuk elemen <figure>
<figure> Mendefinisikan konten mandiri, seperti ilustrasi, diagram, foto, daftar kode, dll.
<footer> Mendefinisikan footer untuk dokumen atau bagian
<header> Mendefinisikan sebuah header untuk dokumen atau bagian
<main> Mendefinisikan konten utama sebuah dokumen
<mark> Mendefinisikan teks yang ditandai atau disorot
<menuitem> Mendefinisikan sebuah perintah / item menu yang dapat dipanggil pengguna dari menu popup
<meter> Mendefinisikan pengukuran skalar dalam rentang yang diketahui (alat ukur)
<nav> Mendefinisikan link navigasi dalam dokumen
<progress> Mendefinisikan kemajuan sebuah tugas
<rp> Mendefinisikan apa yang harus ditunjukkan di browser yang tidak mendukung anotasi ruby
<rt> Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
<ruby> Mendefinisikan anotasi ruby (untuk tipografi Asia Timur)
<section> Mendefinisikan sebuah bagian dalam dokumen
<summary> Mendefinisikan heading yang terlihat untuk elemen <details>
<time> Mendefinisikan tanggal / waktu
<wbr> Mendefinisikan kemungkinan jeda baris
Elemen / Unsur Bentuk Baru
<datalist> Mendefinisikan pilihan yang telah ditentukan untuk kontrol masukan
<keygen> Mendefinisikan field generator kunci-pasangan (untuk form)
<output> Mendefinisikan hasil perhitungan
Baca semua tentang unsur bentuk lama dan baru dalam Unsur Bentuk HTML.
Jenis Masukan Baru
New Input Types | New Input Attributes |
---|---|
|
|
HTML5 - Sintaks Atribut Baru
HTML5 memungkinkan empat sintaks yang berbeda untuk atribut.
Contoh ini menunjukkan sintaks yang berbeda yang digunakan dalam tag <input>:
Contoh jenis
Type | Example |
---|---|
Empty | <input type="text" value="John" disabled> |
Unquoted | <input type="text" value=John> |
Double-quoted | <input type="text" value="John Doe"> |
Single-quoted | <input type="text" value='John Doe'> |
Dalam HTML5, keempat sintaks dapat digunakan, tergantung pada apa yang dibutuhkan untuk atribut tersebut.
Grafik HTML5
<canvas> Mendefinisikan gambar grafis menggunakan JavaScript
<svg> Mendefinisikan gambar grafis menggunakan SVG
Elemen Media Baru
<audio> Mendefinisikan konten suara atau musik
<embed> Mendefinisikan kontainer untuk aplikasi eksternal (seperti plug-in)
<source> Mendefinisikan sumber untuk <video> dan <audio>
<track> Mendefinisikan trek untuk <video> dan <audio>
<video> Mendefinisikan konten video atau film
Out Of Topic Show Konversi KodeHide Konversi Kode