全局属性

通用属性。您可以将任何这些属性用于任何HTML 标签。

核心

属性	描述	可能的值
`id`	标识一个唯一元素。`id` 的值可以被 CSS 或 JavaScript 用来引用该元素。链接也可以直接指向具有特定 `id` 的元素。	文本，不含空格。 `id` 属性的值必须是唯一的。
`class`	用于通过 CSS 等方式引用元素。任何数量的元素都可以具有相同的值（与 `id` 不同）。	文本。可以通过用空格分隔来应用多个类。
`title`	为元素添加额外的建议性信息。	文本。
`style`	应用内联 CSS。	CSS 声明。

示例


<style>
    .question { color: blue }
    #global { color: red }
</style>

<!-- stuff -->

<p class="question"><a href="#global">What are global attributes?</a></p>

<!-- more stuff -->

<p id="global">Attributes that can be used with all <abbr title="HyperText Markup Language">HTML</abbr> tags.</p>

国际化

属性	描述	可能的值
`lang`	元素中文本的语言。	语言代码（例如 `en` 或 `es`）。
`dir`	元素中文本的方向。	`ltr`（从左到右） `rtl`（从右到左） `auto`
`translate`	本地化文档时文本是否应被翻译。	`yes` `no`

示例


<p dir="ltr" translate="no">Blackadder: <q lang="de">Schnell! Schnell! Kartoffelkopf.</q></p>

用户交互

属性	描述	可能的值
`accesskey`	将键盘快捷键与元素关联。	空格分隔的字符列表。
`tabindex`	显式指定元素在页面 tab 顺序中的位置。	整数。
`hidden`	声明一个元素与页面无关。通常与 JavaScript 结合使用，以根据用户操作以编程方式隐藏或显示元素。	无需值。
`contenteditable`	声明元素的内容是否可由用户编辑。	`true` `false`
`spellcheck`	指定是否应检查用户输入文本的拼写。	`true` `false`
`draggable`	声明一个元素是否可拖动，通常用于方便拖放。出于可访问性考虑，应始终伴随一个 `title` 属性。	`true` `false` none (auto)
`dropzone`	指定当某项被拖放到元素上时，应复制数据、将数据移动到其位置或链接到数据。支持度不广泛。	`copy` `move` `link`

示例


<ul>
    <li><a tabindex="2" accesskey="h" href="here/">Here </a></li>
    <li><a tabindex="3" accesskey="t" href="there/">There</a></li>
    <li><a tabindex="1" accesskey="b" href="butHereFirst/">But here first</a></li>
    <li hidden><a href="notHereThough/">Not here though</a></li>
</ul>

<p contenteditable="true" spellcheck="true">Hey, man, fiddle with my content.</p>

菜单

属性	描述	可能的值
`contextmenu`	显式为元素分配上下文菜单。该值将元素与具有相应 `id` 的 `menu` 元素关联。支持度不广泛。	文本。

示例


<form>
    <label>JG Ballard: <input contextmenu="ballard"></label>
    <menu type="popup" id="ballard">
        <menuitem label="High Rise">
        <menuitem label="Concrete Island">
        <menuitem label="The Drowned World">
    </menu>
</form>