HTML data-, 属性

[

HTML data-* 属性
HTML 全局属性

实例

使用 data-* 属性来嵌入自定义数据:


	

		<ul><li data-animal-type="bird">Owl</li><li 

		data-animal-type="fish">Salmon</li> <li 

		data-animal-type="spider">Tarantula</li> </ul>

	

浏览器支持

所有主流浏览器都支持 data-* 属性。

定义和用法

data-* 属性用于存储私有页面后应用的自定义数据。
data-* 属性可以在所有的 HTML 元素中嵌入数据。
自定义的数据可以让页面拥有更好的交互体验(不需要使用 Ajax 或去服务端查询数据)。
data-* 属性由以下两部分组成:

属性名不要包含大写字母,在 data- 后必须至少有一个字符。
该属性可以是任何字符串

注意: 自定义属性前缀 "data-" 会被客户端忽略。

HTML 4.01 与 HTML5之间的差异

data-* 属性是 HTML5 新增的。

语法

<element data-*="somevalue">

属性值

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

HTML 全局属性

]
转载请保留页面地址:https://www.breakyizhan.com/html/21173.html

posted on 2020-07-05 11:36  MrAit  阅读(134)  评论(0编辑  收藏  举报

导航