HTML5元素属性

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

一些属性是全局定义的，可以在任何元素上使用，而另一些属性则仅用于特定元素。

以下是HTML5属性的示例，该示例说明了如何使用值为" example"的名为class的属性标签div元素-

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

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

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

标准属性

Attribute	options	Function
accesskey	User Defined	键盘快捷键
align	right,left,center	水平对齐方式
background	URL	元素背景图片
bgcolor	numeric,hexidecimal,RGB values	元素背景颜色
class	User Defined	元素类名
contenteditable	true,false	是否可编辑
contextmenu	Menu id	指定元素菜单。
data-XXX	User Defined	自定义属性，必须以" data-"开头。
draggable	true,false,auto	是否允许用户拖动元素。
height	Numeric Value	高度。
hidden	hidden	是否隐藏
id	User Defined	元素唯一ID
item	List of elements	对元素进行分组
itemprop	List of items	对项目进行分组
spellcheck	true,false	元素是否必须经过拼写检查或语法检查
style	CSS Style Sheet	元素的内联样式
subject	User define id	元素的对应项
tabindex	Tab number	元素的制表符顺序
title	User Defined	元素的标题。
valign	top,middle,bottom	在HTML元素内垂直对齐标签。
width	Numeric Value	宽度。

自定义属性

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

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

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

上面的代码将是完全有效的HTML5，具有两个名为 data-subject 和 data-level 的自定义属性。您可以使用JavaScript API或CSS来获取这些属性的值，就像获取标准属性一样。