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裏面使用保存在元素裏面的內容提升用戶體驗了。