首页 前端知识 无涯教程-HTML5 - 元素属性

无涯教程-HTML5 - 元素属性

2024-03-13 00:03:35 前端知识 前端哥 805 122 我要收藏

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

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

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

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

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

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

标准属性

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

AttributeoptionsFunction
accesskeyUser Defined键盘快捷键
alignright,left,center水平对齐方式
background URL元素背景图片
bgcolornumeric,hexidecimal,RGB values元素背景颜色
classUser Defined元素类名
contenteditabletrue,false是否可编辑
contextmenuMenu id指定元素菜单。
data-XXXUser Defined自定义属性,必须以" data-"开头。
draggabletrue,false,auto是否允许用户拖动元素。
heightNumeric Value高度。
hiddenhidden是否隐藏
idUser Defined元素唯一ID
itemList of elements对元素进行分组
itempropList of items对项目进行分组
spellchecktrue,false元素是否必须经过拼写检查或语法检查
style CSS Style Sheet元素的内联样式
subjectUser define id元素的对应项
tabindexTab number元素的制表符顺序
titleUser Defined元素的标题。
valigntop,middle,bottom在HTML元素内垂直对齐标签。
widthNumeric 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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3730.html
标签
评论
发布的文章

JavaScript基础库

2024-04-09 00:04:11

解决vue npm 下载echart出错

2024-04-09 00:04:05

Echarts中option属性设置

2024-04-08 23:04:58

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!