<data>:数据元素

基线 广泛可用

此功能已得到良好建立,并且可在许多设备和浏览器版本上运行。它自以下版本起在浏览器中可用 2017 年 10 月.

<data> 元素用于将一段内容与机器可读的翻译关联起来。如果内容与时间或日期相关,则必须使用 <time> 元素。

试一试

属性

此元素的属性包括 全局属性

value

此属性指定元素内容的机器可读翻译。

示例

以下示例显示产品名称,同时也为每个名称关联了一个产品编号。

html
<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>

结果

技术摘要

内容类别 流内容短语内容、可感知内容。
允许内容 短语内容.
标签省略 不允许省略,开始和结束标签都是必需的。
允许的父元素 任何接受 短语内容 的元素。
隐式 ARIA 角色 generic
允许的 ARIA 角色 任意
DOM 接口 HTMLDataElement

规范

规范
HTML 标准
# the-data-element

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅