HTML5 - 属性

如前一章所述，元素可能包含用于设置元素各种属性的属性。

一些属性是全局定义的，可以在任何元素上使用，而另一些属性仅为特定元素定义。所有属性都有名称和值，如下面的示例所示。

以下是一个 HTML5 属性的示例，说明如何使用名为“class”且值为“example”的属性标记 div 元素：

<div class = "example">...</div>

属性只能在开始标签内指定，绝不能在结束标签中使用。

HTML5 属性不区分大小写，可以全部大写或混合大小写，尽管最常见的约定是坚持使用小写。

标准属性

以下列出的属性几乎所有 HTML 5 标签都支持。

属性	选项	功能
accesskey	用户定义	指定访问元素的键盘快捷键。
align	right, left, center	水平对齐标签
background	URL	在元素后面放置背景图像
bgcolor	数字、十六进制、RGB 值	在元素后面放置背景颜色
class	用户定义	对元素进行分类以供级联样式表使用。
contenteditable	true, false	指定用户是否可以编辑元素的内容。
contextmenu	菜单 ID	指定元素的上下文菜单。
data-XXXX	用户定义	自定义属性。HTML 文档的作者可以定义自己的属性。必须以“data-”开头。
draggable	true,false, auto	指定用户是否允许拖动元素。
height	数值	指定表格、图像或表格单元格的高度。
hidden	hidden	指定元素是否应可见。
id	用户定义	为元素命名以供级联样式表使用。
item	元素列表	用于对元素进行分组。
itemprop	项目列表	用于对项目进行分组。
spellcheck	true, false	指定元素是否必须对其拼写或语法进行检查。
style	CSS 样式表	指定元素的内联样式。
subject	用户定义 ID	指定元素对应的项目。
tabindex	制表位编号	指定元素的制表顺序。
title	用户定义	元素的“弹出”标题。
valign	top, middle, bottom	垂直对齐 HTML 元素内的标签。
width	数值	指定表格、图像或表格单元格的宽度。

有关 HTML5 标签和相关属性的完整列表，请查看我们对HTML5 标签的参考。

HTML 5 中引入的一项新功能是添加了自定义数据属性。

自定义数据属性以data-开头，并且会根据您的需求命名。这是一个简单的示例：

<div class = "example" data-subject = "physics" data-level = "complex">
   ...
</div>

以上代码将是完全有效的 HTML5，其中包含两个名为datasubject和data-level的自定义属性。您可以使用 JavaScript API 或 CSS 以与获取标准属性相同的方式获取这些属性的值。

打印页面