1. 面向开发者的 Web 技术
  2. HTML（超文本标记语言）
  3. HTML 参考
  4. HTML 元素参考
  5. <data>

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

<data>

基线 广泛可用

自 2017年10月 起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

HTML <data> 元素将一个指定内容和机器可读的翻译联系在一起。但是，如果内容是与时间或者日期相关的，则一定要使用 <time>。

尝试一下

<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: 0.7em;
}
Content categories Flow content, phrasing content, palpable content.
Permitted content Phrasing content.
标签省略 不允许，开始标签和结束标签都不能省略。
Permitted parents Any element that accepts phrasing content.
DOM 接口 HTMLDataElement

属性

该元素支持全局属性。

value

该属性指定元素内容所对应的数据，或者说“机器可读的翻译”。

示例

下面的示例展示了一些产品名称，而且每个名称都和一个产品编码相关联。

html
<p>新产品</p>
<ul>
  <li><data value="398">迷你番茄酱</data></li>
  <li><data value="399">巨无霸番茄酱</data></li>
  <li><data value="400">超级巨无霸番茄酱</data></li>
</ul>

规范

规范
HTML
# the-data-element

浏览器兼容性

参见

  • HTML <time> 元素。

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题