Elemen baru HTML5

Elemen baru dalam HTML5

Di bawah ini adalah senarai elemen baru HTML5 dan penjelasannya.

Elemen semantik/struktur baru

Elemen baru yang disediakan oleh HTML5 boleh membina struktur dokumen yang lebih baik:

Tanda Deskripsi
<article> definikan artikel dalam dokumen.
<aside> definikan kandungan di luar kandungan halaman.
<bdi> definikan arah teks yang berbeza daripada teks lain.
<details> definikan detil tambahan yang dapat dilihat atau disembunyikan oleh pengguna.
<dialog> definikan dialog atau tingkap.
<figcaption> definikan tajuk bagi elemen <figure>.
<figure> definikan kandungan yang dikekalkan sendiri, seperti gambar, graf, foto, senarai kod dan sebagainya.
<footer> definikan kaki halaman utama bagi dokumen atau bahagian.
<header> definikan tajuk halaman utama bagi dokumen atau bahagian.
<main> definikan kandungan utama dokumen.
<mark> definikan kandungan penting atau dipakar.
<menuitem> definikan perintah/daftar pilihan yang boleh dipanggil daripada menu keluaran.
<meter> definikan pengukuran skala scalar dalam tingkah laku yang dikenali.
<nav> definikan pautan navigasi dalam dokumen.
<progress> definikan kemajuan tugas.
<rp> definikan apa yang akan dipaparkan di pelayar yang tidak mendukung anotasi ruby.
<rt> definikan penjelasan/daripada huruf (untuk font Ejaan Tionghoa).
<ruby> definikan anotasi ruby (untuk font Ejaan Tionghoa).
<section> definikan bahagian dalam dokumen.
<summary> definikan tajuk yang dapat dilihat bagi elemen <details>.
<time> definikan tarikh/masa.
<wbr> definikan kemungkinan patah baris (line-break).

Baca Lebih Banyak tentang Semantik HTML5Konten.

element borang baru

Tanda Deskripsi
<datalist> definikan pilihan yang ditetapkan untuk pengawal input.
<keygen> definikan medan penjana pasangan kunci (untuk borang).
<output> definikan hasil perhitungan.

Baca Lebih Banyak tentang Elemen Borang HTMLelement lama, baru dan lama lagi.

jenis input baru

jenis input baru aturan input baru
  • warna
  • tarikh
  • datetime
  • datetime-local
  • emel
  • bulan
  • nombor
  • range
  • search
  • tel
  • masa
  • 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 - Tataletak Atribut Baru

HTML5 mengizinkan empat tataletak atribut yang berbeda.

Contoh ini menunjukkan berbagai tataletak 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 tataletak ini.

Gambar HTML5

Tanda Deskripsi
<canvas> Mendefinisikan pengerian gambar yang menggunakan JavaScript.
<svg> Mendefinisikan pengerian gambar yang menggunakan SVG.

Baca Lebih Banyak tentang Canvas HTML5 Konten.

Baca Lebih Banyak tentang SVG HTML5 Konten.

Elemen Media Baru

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

Baca Lebih Banyak tentang Video HTML5Konten.

Baca Lebih Banyak tentang Audio HTML5Konten.