码迷,mamicode.com
首页 > Web开发 > 详细

HTML中data-* 属性

时间:2017-09-19 23:00:46      阅读:549      评论:0      收藏:0      [点我收藏+]

标签:www   height   前缀   ref   ges   strong   大写   explorer   浏览器   

使用 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-* 属性由以下两部分组成:

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

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

HTML中data-* 属性

标签:www   height   前缀   ref   ges   strong   大写   explorer   浏览器   

原文地址:http://www.cnblogs.com/dakewang/p/7553963.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!