HTML中的數據元素和數據屬性有什麼區別

Question

我最近遇到了數據元素和力挺了解的目的。我想即使數據屬性可以用來獲取和檢索機器可讀格式的數據。

數據元素：

<p>New Products</p> 
<ul> 
<li><data value="3967381398">Mini Ketchup</data></li> 
<li><data value="3967381399">Jumbo Ketchup</data></li> 
<li><data value="3967381400">Mega Jumbo Ketchup</data></li> 
</ul> 

數據屬性：

<p>New Products</p> 
<ul> 
<li data-value="3967381398">Mini Ketchup</li> 
<li data-value="3967381399">Jumbo Ketchup</li> 
<li data-value="3967381400">Mega Jumbo Ketchup</li> 
</ul> 

什麼時候應該使用數據元素，當我應該去爲數據attibute？

Answer 1

根據此鏈接：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data

這是客場的數據值與人類可讀相當於就像一本書的名字聯繫起來，它的ISBN。

Answer 2

是的，但有時候這個值可能出現在其他文本中，所以如果你想在值上使用data-*屬性，你必須將它包裝在<span>或類似的元素中。 <data>元素在這些情況下很有用。