Daftar Tag dan Attribut Terbaru HTML5

Daftar Tag dan Attribut Terbaru HTML5 – Dunia pemrograman web berkembang sangat cepat. Banyak bahasa pemrograman website yang selalu diperbaiki ke dalam bentuk yang lebih sederhana sehingga lebih mudah dalam pemakaiannya. Seperti HTML, Sekarang ini bahasa pemrograman HTML telah mencapai perkembangan ke versi HTML 5 yang tentunya kita sebagai programmer semakin dipermudah dalam pembuatan website. HTML5 memberikan terobosan baru bagi programmer website, Khususnya dalam pemanfaatan media audio, video dan masih banyak lagi. Namun, sebagai programmer website apakah kamu selalu update dengan perkembangan bahasa pemrograman website ? Oke! lihatlah daftar tag dan attribut terbaru dari HTML 5

icaksama tag dan attribut html5 1

Elemen Struktur Dokumen

Html5 memiliki elemen baru dalam pembuatan struktur dokumen :

TagDescription
<article>Mendefinisikan sebuah artikel dalam dokumen
<aside>Mendefinisikan konten selain 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 mandiri konten, seperti ilustrasi, diagram, foto, kode
daftar, dll
<footer>Mendefinisikan footer untuk dokumen
<header>Mendefinisikan header untuk dokumen
<main>Mendefinisikan isi utama dokumen
<mark>Mendefinisikan text yang ditandai atau teks yang disorot
<menuitem>Mendefinisikan item perintah / menu bahwa pengguna dapat memanggil dari menu popup
<meter>Mendefinisikan pengukuran skalar
<nav>Mendefinisikan link navigasi dalam dokumen
<progress>Mendefinisikan kemajuan tugas
<rp>Mendefinisikan apa yang ditampilkan di browser yang tidak mendukung penjelasan ruby
<rt>Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk Asia Timur
tipografi)
<ruby>Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
<section>Mendefinisikan bagian dalam dokumen
<summary>Mendefinisikan sebuah judul terlihat untuk <rincian> elemen
<time>Mendefinisikan tanggal / waktu
<wbr>Mendefinisikan kemungkinan line-break

Elemen Tag Form Terbaru

TagDescription
<datalist>Mendefinisikan telah ditentukan pilihan untuk kontrol input
<keygen>Mendefinisikan bidang kunci-pasangan Generator (untuk Form)
<output>Mendefinisikan hasil perhitungan

Type Input dan Atribut Terbaru

New Input TypesNew Input Attributes
  • 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 and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

Tag Grafik Terbaru

TagDescription
<canvas>Mendefinisikan gambar grafis menggunakan JavaScript
<svg>Mendefinisikan gambar grafis menggunakan SVG

Tag Media Terbaru

TagDescription
<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

Oke! Demikian daftar tag dan attribut terbaru dari HTML 5. Kita sebagai programmer website harus terus update tentang perkembangan bahasa pemrograman baik itu HTML, CSS, Javasript atau PHP. Masih banyak juga teknik lain dalam dunia pemrograman website yang sekarang berkembang dengan sangat cepat seperti parallax, Ajax, JQuery dan masih banyak lagi. Semoga dengan artikel ini mampu membuat tugas kita sebagai programmer semakin mudah 🙂 Semoga Bermanfaat 🙂

Ayo! Segera daftarkan email kamu untuk berlangganan!

Leave a comment