使用 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-* 属性是 HTML5 新增的。
<element data-*="somevalue">
值 | 描述 |
---|---|
somevalue | 指定属性值 (一个字符串) |
在线实例
字符集 & 工具
最新更新
站点信息
关注我们