HTML5 - 元素属性

HTML5 - 元素属性 首页 / HTML5入门教程 / HTML5 - 元素属性

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

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

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

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

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

无涯教程网

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

标准属性

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

链接:https://www.learnfk.comhttps://www.learnfk.com/html5/html5-attributes.html

来源:LearnFk无涯教程网

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来获取这些属性的值,就像获取标准属性一样。

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

零基础学Python -〔尹会生〕

从0开始做增长 -〔刘津〕

摄影入门课 -〔小麥〕

深入浅出云计算 -〔何恺铎〕

数据中台实战课 -〔郭忆〕

Vim 实用技巧必知必会 -〔吴咏炜〕

爱上跑步 -〔钱亮〕

手把手带你搭建秒杀系统 -〔佘志东〕

零基础GPT应用入门课 -〔林健(键盘)〕

好记忆不如烂笔头。留下您的足迹吧 :)