HTML5 – 属性

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

有些属性是全局定义的，可用于任何元素；而其他属性仅为特定元素定义。所有属性都有名称和值，并如下面的示例所示。

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

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

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

HTML5 属性对大小写不敏感，可以全部使用大写字母或混合大小写字母，尽管最常见的约定是使用小写字母。

标准属性

下面列出的属性由几乎所有 HTML5 标签支持。

属性	选项	功能
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	Tab 编号	指定元素的制表符顺序。
title	用户定义	为您的元素指定“弹出”标题。
valign	top, middle, bottom	垂直对齐 HTML 元素中的标签。
width	数字值	指定表格、图像或表格单元格的宽度。

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

自定义数据属性以 data- 开头，可根据您的需求进行命名。以下是一个简单的示例−

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

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