html5標籤的data-*屬性用法簡單介紹

admin發表於2017-02-19
HTML
此屬性是html5新增的屬性。使用它可以儲存使用者自定的屬性。

使用javascript可以訪問這些自定義的屬性。

語法結構:

[HTML] 純文字檢視 複製程式碼
<element data-*="somevalue">

語法規範如下:

1.屬性名稱不能夠有大寫字母。

2.屬性名稱分為兩個部分，"data-"是固定的字首，後面是任意合法的字串名稱。

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

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<ul>
  <li data-css="css">css教程</li>
  <li data-js="javascript">javascript教程</li> 
  <li data-jquery="jquery">jquery教程</li> 
</ul>

相關文章