HTML5 New Elements

Elemen baru di HTML5

Di bawah ini adalah daftar elemen HTML5 baru, dan deskripsi dari apa yang mereka digunakan untuk.

HTML5 menawarkan unsur-unsur baru untuk struktur dokumen yang lebih baik:

Tag	Description
<article>	Mendefinisikan sebuah artikel dalam dokumen
<aside>	mendefinisikan conten dari konten halaman
<bdi>	Mendefinisikan sebuah bagian dari teks yang mungkin diformat dalam arah yang berbeda dari teks lain
<details>	Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<dialog>	Mendefinisikan sebuah kotak dialog atau jendela
<figcaption>	Mendefinisikan sebuah caption untuk <figure> elemen
<figure>	Mendefinisikan konten mandiri, seperti ilustrasi, diagram, foto, daftar kode, dll
<footer>	Mendefinisikan sebuah footer untuk dokumen
<header>	Mendefinisikan sebuah header untuk dokumen
<main>	Mendefinisikan isi utama dokumen
<mark>	Mendefinisikan ditandai atau teks yang disorot
<menuitem>	Mendefinisikan item perintah / menu bahwa pengguna dapat memanggil dari menu popup
<meter>	Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge)
<nav>	Mendefinisikan link navigasi dalam dokumen
<progress>	Mendefinisikan kemajuan tugas
<rp>	Mendefinisikan apa yang ditampilkan di browser yang tidak mendukung penjelasan
<rt>	Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
<ruby>	Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
<section>	Mendefinisikan bagian dalam dokumen
<summary>	Mendefinisikan sebuah judul terlihat untuk <details> elemen
<time>	Mendefinisikan date/time
<wbr>	Mendefinisikan kemungkinan line-break

Tag	Description
<datalist>	endefinisikan telah ditentukan pilihan untuk kontrol input
<keygen>	Mendefinisikan bidang kunci-pasangan Generator (untuk bentuk)
<output>	Mendefinisikan hasil perhitungan

Jenis input baru	Atribut Masukan baru
color date datetime datetime-local email month number range search tel time url week	autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height and width list min dan max multiple Pattern (regexp) placeholder required step

HTML5 memungkinkan 4 sintaks yang berbeda untuk atribut.

Contoh ini menunjukkan sintaks yang berbeda yang digunakan dalam <input> tag:

Type	Example
Empty	<input type="text" value="Dicky andre" disabled >
Unquoted	<input type="text" value=dicky >
Double-quoted	<input type="text" value="dicky andre" >
Single-quoted	<input type="text" value='dicky andre' >

Dalam HTML5, semua 4 sintaks dapat digunakan, tergantung pada apa yang dibutuhkan untuk atribut.

Tag	Description
<canvas>	Mendefinisikan gambar grafis menggunakan JavaScript
<svg>	Mendefinisikan gambar grafis menggunakan SVG

Tag	Description
<audio>	Mendefinisikan suara atau musik konten
<embed>	Mendefinisikan wadah untuk aplikasi eksternal (seperti plug-in)
<source>	Mendefinisikan sumber untuk <video> dan <audio>
<track>	Mendefinisikan trek untuk <video> dan <audio>
<video>	Mendefinisikan video atau film konten

CB Blogger