html5标签的data-*属性用法简单介绍

此属性是html5新增的属性。使用它可以存储用户自定的属性。

使用javascript可以访问这些自定义的属性。

语法结构:


1
<element data-*="somevalue">

语法规范如下:

1.属性名称不能够有大写字母。

2.属性名称分为两个部分,"data-"是固定的前缀,后面是任意合法的字符串名称。

3.属性值可以是任意合法的字符串。

代码实例:

1
2
3
4
5
<ul>
  <li data-css="css">css教程</li>
  <li data-js="javascript">javascript教程</li>
  <li data-jquery="jquery">jquery教程</li>
</ul>



原文发布时间为:2017-2-19

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:html5标签的data-*属性用法简单介绍


上一篇:HTML5/CSS3鼠标悬停动画菜单按钮


下一篇:了解前端路由