HTML 中的全局属性是什么？

Question

HTML 中的全局属性是什么？

Accepted Answer

**全局属性**是可以放在*任何* HTML 元素上的属性，无论其类型如何。它们提供标识、样式钩子、可访问性信息和元数据。 ```html ``` ## 最常用的属性 - **`id`** — CSS (`#hero`)、JS (`getElementById`) 和页面内链接 (`href="#hero"`) 的唯一锚点。 - **`class`** — 主要的样式/脚本钩子；可在元素间重复使用。 - **`data-*`** — 将自定义数据附加到元素，通过 `element.dataset` 在 JS 中读取。 - **`tabindex`** — 控制可聚焦性和键盘 tab 顺序（`0` = 按顺序可聚焦，`-1` = 仅通过脚本可聚焦）。 - **`hidden`**、**`title`**、**`lang`**、**`role`**、**`aria-*`** — 可见性、工具提示、语言和可访问性。 ## data-* 实际应用 ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## 为什么这很重要全局属性是你在几乎每个元素上使用的共享工具包 — 用于样式和脚本的 `class`/`id`、用于向 JS 传递数据的 `data-*`，以及用于可访问性的 `tabindex`/`role`/`aria-*`。了解这些属性可以保持标记整洁和行为一致。