<data>

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

尝试一下

Content categories (en-US) Flow content (en-US), phrasing content (en-US), palpable content.
Permitted content Phrasing content (en-US).
Tag omission 不允许,开始标签和结束标签都不能省略。
Permitted parents Any element that accepts phrasing content (en-US).
DOM 接口 HTMLDataElement

属性

该元素支持全局属性 (en-US)

value

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

示例

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

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

规范

Specification
HTML Standard
# the-data-element

浏览器兼容性

BCD tables only load in the browser

参见