HTML 全局属性

最后更新：2026-09-12

全局属性是可用于所有 HTML 元素的属性。它们定义元素的标识、样式、语言、交互方式等，是写出语义化、可访问、可维护 HTML 的关键。

核心标识属性

全局属性	说明
`id`	元素的唯一标识符，同一页面中不可重复。用于 CSS 选择器、JavaScript 定位和锚点链接。
`class`	类名列表（空格分隔），用于 CSS 或 JavaScript 选择器。一个元素可以拥有多个 class。
`style`	内联 CSS 样式，直接写在标签上，优先级高于外部样式表。
`title`	悬停提示文本，鼠标悬停时显示。对 `<abbr>`、`<iframe>` 等元素特别有用。

全局属性	说明
`lang`	声明元素内容的语言，如 `lang="zh-CN"`、`lang="en"`。对 SEO 和可访问性很重要。
`dir`	文字方向：`ltr`（从左到右，默认）、`rtl`（从右到左，用于阿拉伯语/希伯来语）。

全局属性	说明
`contenteditable`	指定元素内容是否可编辑：`true` 或 `false`。
`draggable`	指定元素是否可拖拽：`true`、`false` 或 `auto`（默认）。
`hidden`	隐藏元素（等价于 `display:none`），该元素不参与渲染。
`tabindex`	指定元素的 Tab 键导航顺序，可为正整数、`0`（可聚焦）或 `-1`（不可 Tab 聚焦但可编程聚焦）。
`accesskey`	为元素指定一个键盘快捷键（单字符），用于快速聚焦或激活元素。
`spellcheck`	指定是否对元素内容进行拼写检查：`true` 或 `false`。
`translate`	指定元素内容是否应被浏览器/工具翻译：`yes` 或 `no`。
`inert`	使元素及其子树处于不可交互状态（不可点击、不可聚焦、对辅助技术隐藏）。

全局属性	说明
`data-*`	自定义数据属性，用于存储页面/应用私有的数据，可通过 `dataset` 访问。
`autofocus`	页面加载后自动让元素获得焦点。
`autocapitalize`	控制移动端虚拟键盘的自动大写行为：`none`、`sentences`、`words`、`characters`。
`enterkeyhint`	指定虚拟键盘回车键的显示文案（如 `search`、`go`、`send`、`done`）。
`inputmode`	指定虚拟键盘的类型（如 `numeric`、`email`、`tel`、`url`）。
`nonce`	用于 Content Security Policy（CSP）的一次性随机数，标记允许内联脚本。
`slot`	将元素分配到 Shadow DOM 中的某个插槽（slot）。
`part`	为元素指定一个或多个 part 名称，用于从外部通过 CSS `::part()` 样式化 Shadow DOM。
`popover`	指定元素的弹出层行为（`auto`、`manual`），用于构建原生弹出层。
`is`	用于自定义元素（custom element），指定内建元素的扩展名称。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。