HTML data 元素

​​data​​​ 元素表示其内容，以及值属性中这些内容的机器可读形式。Edge、Firefox 和 Safari 都支持 ​​<data>​​ 元素。

​​value​​​ 属性是必需的，其值必须以机器可读的格式表示元素的内容。​​HTML 标准建议​​如下：

元素可以与页面中的脚本一起使用，当脚本有一个文本值与一个人类可读的值一起存储时。（用法近似于 ​​data-*​​）

<p>New Products:</p>
<ul>
  <li><data value="398">Mini Ketchup</data></li>
  <li><data value="399">Jumbo Ketchup</data></li>
  <li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>

data:hover::after {
  content: ' (ID ' attr(value) ')';
  font-size: .7em;
}