属性（Attributes）

优质

小牛编辑

125浏览

2023-12-01

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

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

以下是HTML5属性的示例，其中说明了如何使用值“example”标记具有名为class的属性的div元素 -

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

属性只能在start tags指定，绝不能在end tags 。

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

标准属性

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

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

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

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

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

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

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