如前一章所述,元素可能包含用于设置元素的各种属性的属性.
某些属性是全局定义的,可以在任何元素上使用,而其他仅针对特定元素定义.所有属性都有一个名称和一个值,如下例所示.
以下是HTML5属性的示例,说明如何使用名为的属性标记div元素class使用值"example" :
<div class = "example">...</div>
属性只能在开始标记中指定,绝不能在结束标记中使用.
HTML5属性不区分大小写,可以全部大写或混合大小写,但最常见的约定是坚持使用小写.
标准属性
几乎所有HTML 5标签都支持下面列出的属性.
属性 | 选项 | 函数 |
---|---|---|
accesskey | 用户定义 | 指定用于访问元素的键盘快捷键. |
align | right,left,center | Hori zontally对齐标签 |
background | URL | 在元素后面放置背景图片 |
bgcolor | 数字,十六进制,RGB值 | 放置背景元素背后的颜色 |
class | 用户定义 | 对用于级联的元素进行分类样式表. |
contenteditable | true,false | 指定用户是否可以编辑元素的内容与否. |
contextmenu | 菜单ID | 指定元素的上下文菜单. |
data-XXXX | 用户定义 | 自定义属性.作者HTML文档可以定义自己的属性.必须以"data - "开头. |
draggable | true,false,auto | 指定是否允许用户拖动元素. |
height | 数值 | 指定表格,图像的高度或表格单元格. |
hidden | hidden | 指定元素是否可见. |
id | 用户定义 | 命名一个与Cascading一起使用的元素样式表. |
item | 元素列表 | 用于对元素进行分组. |
itemprop | 项目列表 | 用于对项目进行分组. |
spellcheck | true,false | 指定元素是否必须具有它是拼写或语法检查. |
style | CSS样式表 | 指定内联样式元素. |
subject | 用户定义id | 指定元素的对应项. |
tabindex | 标签号 | 指定元素的Tab键顺序. |
title | 用户定义 | "弹出"标题你的元素. |
valign | top,middle,bottom | 垂直对齐标签一个HTML元素. |
width | 数值 | 指定表格,图像的宽度,或表格单元格. |
有关HTML5标签及相关属性的完整列表,请查看我们对
自定义属性
新功能在HTML 5中引入的是添加自定义数据属性.
自定义数据属性以数据 - 开头,并根据您的要求命名.这是一个简单的例子 :
<div class = "example" data-subject = "physics" data-level = "complex"> ... </div>
以上代码将是完全有效的HTML5,其中包含两个名为的自定义属性datasubject 和 data-level .您可以使用JavaScript API获取这些属性的值或者CSS的方式与标准属性类似.