Atribut global adalah atribut yang dapat Anda letakkan pada elemen HTML apa pun, terlepas dari jenisnya. Mereka menyediakan identifikasi, kait gaya, informasi aksesibilitas, dan metadata.
html
Content
Atribut global adalah atribut yang dapat Anda letakkan pada elemen HTML apa pun, terlepas dari jenisnya. Mereka menyediakan identifikasi, kait gaya, informasi aksesibilitas, dan metadata.
Content
id — jangkar unik untuk CSS (#hero), JS (getElementById), dan tautan dalam halaman (href="#hero").class — kait gaya/skrip utama; dapat digunakan kembali di seluruh elemen.data-* — lampirkan data khusus ke elemen, baca di JS melalui element.dataset.tabindex — kontrol focusability dan urutan tab keyboard (0 = dapat difokus sesuai urutan, -1 = dapat difokus hanya melalui skrip).hidden, title, lang, role, aria-* — visibilitas, tooltip, bahasa, dan aksesibilitas.data-* dalam aksi<button data-action="delete" data-id="7">Delete</button>
button.dataset.action; // "delete"
button.dataset.id; // "7" (always a string)
Atribut global adalah perangkat bersama yang Anda gunakan pada hampir setiap elemen — class/id untuk gaya dan skrip, data-* untuk meneruskan data ke JS, dan tabindex/role/aria-* untuk aksesibilitas.
Mengetahuinya membuat markup Anda bersih dan perilaku konsisten.