Apakah atribut global dalam HTML?

Question

Accepted Answer

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