HTML <data> 标签

data 标签将给定内容与机器可读的翻译相链接。 此元素既为数据处理器提供机器可读值,又在浏览器中为人类呈现可读值。


实例

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

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>data 元素</h1>
  5. <p>下例显示产品名称,但还将每个名称与产品编号相关联:</p>
  6. <ul>
  7. <li><data value="21053">圣女果</data></li>
  8. <li><data value="21054">牛肉番茄</data></li>
  9. <li><data value="21055">零食番茄</data></li>
  10. </ul>
  11. </body>
  12. </html>

定义和用法

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

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

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


浏览器支持

元素
<data>62.013.022.0不支持49.0

属性

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

全局属性

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


事件属性

<data> 标签支持 HTML 中的 事件属性。。