如上一章所述,元素可能包含用于设置元素各种属性的属性。
一些属性是全局定义的,可以在任何元素上使用,而另一些属性则仅用于特定元素。
以下是HTML5属性的示例,该示例说明了如何使用值为" example"的名为class的属性标签div元素-
<div class="example">...</div>
只能在开始标签中指定属性,并且决不能在结束标签中使用属性。
HTML5属性不区分大小写,并且可以全部大写或大小写混合使用,尽管最常见的约定是坚持小写。
标准属性
几乎所有的HTML 5标签都支持下面列出的属性。
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来获取这些属性的值,就像获取标准属性一样。
HTML5 - 元素属性 - 无涯教程网无涯教程网提供如上一章所述,元素可能包含用于设置元素各种属性的属性。一些属性是全局定义的,可以...https://www.learnfk.com/html5/html5-attributes.html