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

html5 data-*属性

时间:2014-11-26 15:55:20      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:style   http   ar   使用   sp   数据   on   div   art   

 人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。 

       你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和风格,但它却是可读可写的。 

       下面的一个代码片段是一个有效的HTML5标记: 

       复制代码代码如下:

  1.  
  2. data-myid="3e4ae6c4e">Some awesome data

使用jQuery的.data()方法来访问这些"data-*" 属性。其中一个方法就是 .data(obj),

   你也可以通过.data(key,value)方法直接给"data-*" 属性赋值。一个重要的你要注意的事情是,这些"data-*" 属性应该和它所在的元素有一定的关联,不要把它当成存放任意东西的存储工具。

来源:http://www.html5cn.org/article-6533-1.html

html5 data-*属性

标签:style   http   ar   使用   sp   数据   on   div   art   

原文地址:http://www.cnblogs.com/yili55/p/4123257.html

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