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
Content
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.
Content
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.<button data-action="delete" data-id="7">Delete</button>
button.dataset.action; // "delete"
button.dataset.id; // "7" (luôn là một string)
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.