HTML5 - 属性

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

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

以下是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的方式与标准属性类似.

本文链接:https://www.f2er.com/3188916.html