HTML <data> 标签

<data> 标签用于添加给定内容的机器可读翻译。

该元素既为数据处理器提供了机器可读的值，又为浏览器中的渲染提供了人类可读的值。

提示：如果内容与时间或日期相关，请改用 <time> 元素。

 

1. 范例

下示显示产品名称，同时将每个名称与产品编号相关联：

<ul>
  <li><data value="21053">圣女果</data></li>
  <li><data value="21054">牛肉番茄</data></li>
  <li><data value="21055">零食番茄</data></li>
</ul>

我要试一试

 

2. 浏览器支持

元素 Chrome IE Firefox Safari Opera
<data> 62.0 13.0 22.0 不支持 49.0

 

3. 属性

属性 值 描述
value machine-readable format 规定元素内容的机器可读翻译。

 

4. 全局属性

<data> 标签同时支持 HTML 中的全局属性。

HTML <datalist> 标签：<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。