Elemen Baru HTML5

Febri Hidayan Komentar

Elemen Baru HTML5

Pada HTML5 banyak elemen baru yang di terbitkan. Hal ini dilakukan untuk mempermudah pengembangan web bagi developer itu sendiri. Baik dalam struktur HTML, ataupun kemudian dalam tag yang digunakan.

Struktur Elemen Baru

HTML5 menawarkan elemen baru untuk struktur dokumen yang jauh lebih baik dari generasi HTML sebelumnya.

TagDeskripsi
<article>Menentukan artikel dalam dokumen
<aside>Menentukan konten selain dari konten halaman
<bdi>Mengisolasi bagian teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luarnya
<details>Menentukan detail tambahan yang bisa dilihat atau disembunyikan pengguna
<dialog>Menentukan kotak dialog atau jendela
<figcaption>Menentukan keterangan untuk elemen
<figure><figure> Menentukan konten mandiri
<footer><footer> Menentukan footer untuk dokumen atau bagian
<header>Menentukan header untuk dokumen atau bagian
<main>Menentukan konten utama dokumen
<mark>Menentukan teks yang ditandai / disorot
<meter>Menentukan pengukuran skalar dalam rentang yang diketahui (pengukur)
<nav>Menentukan tautan navigasi
<progress>Merupakan kemajuan dari suatu tugas
<rp>Menentukan apa yang akan ditampilkan di browser yang tidak mendukung penjelasan ruby
<rt>Menentukan penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
<ruby>Menentukan anotasi ruby ​​(untuk tipografi Asia Timur)
<section>Menentukan bagian dalam dokumen
<summary>Menentukan heading yang terlihat untuk elemen <details>
<time>Menentukan tanggal / waktu
<wbr>Menentukan line-break yang memungkinkan

Baca juga: Belajar Dasar HTML5

Elemen Bentuk Baru

TagDeskripsi
<datalist>Menentukan daftar opsi yang telah ditentukan sebelumnya untuk kontrol input
<output>Menentukan hasil perhitungan

Jenis Input Baru

Tipe input baruAtribut baru
colorautocomplete
dateautofocus
datetimeform
datetime-localformaction
emailformenctype
monthformmethod
numberformvalidate
rangeformtarget
searchheight and width
tellist
timemin and max
urlmultiple
weekpattern (regexp)
placefolder
required
step

Sintaks Atribut Baru

HTML5 memungkinkan empat sintaks yang berbeda untuk atribut.
Contoh ini menunjukkan berbagai sintaks yang digunakan dalam tag <input> :

TipeContoh
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’>

Baca juga: Panduan Dasar Belajar JavaScript

Grafik

TagDeskripsi
<canvas>Gambarlah dengan cepat, melalui skrip (biasanya JavaScript)
<svg>Gambarlah grafik vektor yang dapat diskalakan

Elemen Media Baru

TagDeskripsi
<audio>Menentukan konten suara
<embed>Menentukan wadah untuk aplikasi eksternal (non-HTML)
<source>Menentukan banyak sumber daya media untuk elemen media (<video> dan <audio>)
<track>Menentukan trek teks untuk elemen media (<video> dan <audio>)
<video>Menentukan video atau film

 

Category HTMLTags HTML5


Mari Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *