Element baru HTML5

Element baru di HTML5

Berikut adalah elemen baru HTML5 yang ditampilkan, beserta deskripsi mereka.

element semantik/struktur baru

Element baru yang disediakan oleh HTML5 dapat membangun struktur dokumen yang lebih baik:

Tanda Deskripsi
<article> definisi artikel dalam dokumen
<aside> definisi konten di luar konten halaman
<bdi> definisi arah teks yang berbeda dengan teks lain
<details> definisi detil ekstra yang dapat dilihat atau disembunyikan pengguna
<dialog> definisi dialog atau jendela
<figcaption> definisi judul elemen <figure>
<figure> definisi konten yang terkandung, seperti gambar, grafik, foto, daftar kode, dll.
<footer> definisi kaki bagian dokumen atau bagian
<header> definisi judul bagian dokumen atau bagian
<main> definisi konten utama dokumen
<mark> definisi konten penting atau disembolkan
<menuitem> definisi perintah/daftar pilihan yang dapat dipanggil dari menu pop-up
<meter> definisi pengukuran skala skalar dalam rentang yang dikenal
<nav> definisi tautan navigasi dalam dokumen
<progress> definisi kemajuan tugas
<rp> definisi apa yang ditampilkan di peramban yang tidak mendukung catatan ruby
<rt> definisi penjelasan/diketahui suara karakter (dalam hurufi Tionghoa dan Jepang)
<ruby> definisi catatan ruby (dalam hurufi Tionghoa dan Jepang)
<section> definisi bagian dalam dokumen
<summary> definisi judul yang dapat dilihat dalam elemen <details>
<time> definisi tanggal/waktu
<wbr> definisi garis putar yang mungkin

Baca lebih banyak tentang semantik HTML5dalam konten.

element formulir baru

Tanda Deskripsi
<datalist> definisi opsi pradefinisi untuk kontrol masukan
<keygen> definisi bidang generator kunci (dalam formulir)
<output> definisi hasil perhitungan

Baca lebih banyak tentang Elemen Formulir HTMLelement lama, baru, dan lama

tipe masukan baru

tipe masukan baru aturan masukan baru
  • warna
  • tanggal
  • datetime
  • datetime-local
  • email
  • bulan
  • nomor
  • range
  • search
  • tel
  • waktu
  • url
  • minggu
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • lebar dan tinggi
  • list
  • min dan max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

Belajar Tipe Input HTMLsemua tipe input baru dan lama.

Belajar Atribut Input HTMLsemua atribut input.

HTML5 - Sintaks Atribut Baru

HTML5 mengizinkan empat sintaks atribut yang berbeda.

Contoh ini menunjukkan sintaks yang digunakan dalam tanda <input>.

Tanda Deskripsi
Kosong <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <input type="text" value='Bill Gates'>

Dalam HTML5, berdasarkan kebutuhan atribut, mungkin akan digunakan semua empat sintaks ini.

Gambar HTML5

Tanda Deskripsi
<canvas> Mendefinisikan gambar perekaan yang digunakan JavaScript.
<svg> Mendefinisikan gambar perekaan yang digunakan SVG.

Baca lebih banyak tentang Canvas HTML5 dalam konten.

Baca lebih banyak tentang SVG HTML5 dalam konten.

Elemen Media Baru

Tanda Deskripsi
<audio> Mendefinisikan konten suara atau musik.
<embed> Mendefinisikan wadah aplikasi eksternal (contoh: plugin).
<source> Mendefinisikan sumber <video> dan <audio>.
<track> Mendefinisikan jalur <video> dan <audio>.
<video> Mendefinisikan konten video atau film.

Baca lebih banyak tentang Video HTML5dalam konten.

Baca lebih banyak tentang Audio HTML5dalam konten.