html5里面的data属性的作用是存储私有页面后应用的自定义数据，“data-*”是HTML5新增的一个自定义数据属性功能，作为可以暂存数据使用，自定义的数据可以让页面拥有更好的交互体验；该属性的属性名不能包含大写的字母，在“data-”后面至少有一个字符。

本教程操作环境：windows10系统、HTML5版本、Dell G3电脑。

html5里面的data属性的作用是什么

data-* 属性用于存储私有页面后应用的自定义数据。

data-* 属性可以在所有的 HTML 元素中嵌入数据。

自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。

data-* 属性由以下两部分组成：

• 属性名不要包含大写字母，在 data- 后必须至少有一个字符。

• 该属性可以是任何字符串

data-*是HTML5新增的一个自定义数据属性功能，作为可以暂存数据使用。利用dataset可以获取data-属性构造的对象，该方法目前只能在Chrome 、Opera等部分浏览器中实现，其他浏览器如需获取其属性值需要使用getAttribute和setAttribute来操作。

语法为：

somevalue 指定属性值 (一个字符串)

示例如下：

      
  
物种
 
点击一个物种，看看它是什么类型：
 
 
Owl
 
Salmon
 
Tarantula
 
  

输出结果：

（学习视频分享：css视频教程、html视频教程）

Atas ialah kandungan terperinci html5里面的data属性的作用是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!