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-*属性用法简单介绍