html5 data-*属性

html5 data-*属性

总的来说：data-*是用来保存标签数据用的，所有的标签都支持data-*属性。
使用上面代码：
下面展示一些 `内联代码片`。

	<li id="frist_li" data-animal-type="需要保存的属性"><span>显示内容<span></li>

在javaScript里面使用时：

	var li = document.getElementById("frist_li");
	console.log(li.dataset.animalType);

这样就可以在js里面使用保存在元素里面的内容提升用户体验了。