Global attribute trong HTML là gì?

Question

Accepted Answer

**Global attribute** là các attribute bạn có thể đặt lên *bất kỳ* HTML element nào, bất kể loại của nó. Chúng cung cấp định danh, điểm móc để style, thông tin accessibility và metadata. ```html ``` ## Những cái dùng nhiều nhất - **`id`** — neo duy nhất cho CSS (`#hero`), JS (`getElementById`), và link trong trang (`href="#hero"`). - **`class`** — điểm móc chính để style/scripting; tái sử dụng được trên nhiều element. - **`data-*`** — gắn dữ liệu tùy chỉnh vào element, đọc trong JS qua `element.dataset`. - **`tabindex`** — điều khiển khả năng nhận focus và thứ tự tab bàn phím (`0` = nhận focus theo thứ tự, `-1` = chỉ nhận focus qua script). - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — hiển thị, tooltip, ngôn ngữ và accessibility. ## data-* trong thực tế ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (luôn là một string) ``` ## Tại sao điều này quan trọng Global attribute là bộ công cụ dùng chung mà bạn sử dụng trên gần như mọi element — `class`/`id` để style và scripting, `data-*` để truyền dữ liệu cho JS, và `tabindex`/`role`/`aria-*` cho accessibility. Nắm vững chúng giúp markup gọn gàng và hành vi nhất quán.