H5 data-*属性

<ul> <li data-animal-type="鸟类">喜鹊</li> <li data-animal-type="鱼类">金枪鱼</li> <li data-animal-type="蜘蛛">蝇虎</li> </ul>

①data-*属性用于存储页面或应用程序的私有自定义数据；（注意是私有、自定义数据）

②data-*属性赋予我们在所有HTML元素上嵌入自定义data属性的能力；（任何一个HTML标签都可以使用data-*属性）

③存储的（自定义）数据能够被页面的JavaScript利用，来创建更好的用户体验；

④data-*属性包括两部分：

属性名：不应该包含任何大写字母，并且在前缀"data-"之后必须有至少一个字符

属性值：可以是任意字符串

⑤用户代理会完全忽略前缀为 "data-" 的自定义属性；

（个人总结：通过data-*来存储一些数据，避免了在JS域中定义各种中间变量）