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;
}