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	Tab键号	指定元素的Tab键顺序。
title	用户定义	元素的”弹出”标题。
valign	顶部、中间、底部	在HTML元素中垂直对齐标签。
width	数值	指定表格、图片或表格单元的宽度。

对于完整的HTML5标签和相关属性的列表，请参考我们的参考资料：HTML5标签。

HTML 5中引入的一个新特性是添加自定义数据属性。

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

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

上述代码将是完全有效的HTML5，其中包含了两个自定义属性datasubject和data-level。您可以使用JavaScript APIs或CSS以类似的方式获取这些属性的值，就像您获取标准属性一样。