HTML <data> 标签用于提供其自身内容的机器可读版本。它以特殊格式显示数据。当数据需要以特定格式提供给脚本进行处理,但这不是您希望用户看到的格式时,它非常有用。

让我们举一个场景来更好地理解:

假设您需要向用户表示一些数字,并希望用字母表示(例如,one、two、three 等),但是您有一个脚本,它会按升序或降序对数字进行排序。因此,您的脚本需要以 1、2、3 的格式提供数字。

<data> 标签可以解决您的问题。

对于用户:在 <data>...</data> 标签之间编写内容。

对于脚本:使用 value 属性。

  1. <data value="1">One</data>`

HTML data 标签属性

只有一个必需属性。data 标签支持全局属性和事件属性。

属性描述
value必需属性。用于提供标签内容的机器可读版本。

HTML data 标签示例

<ul>
  <li><data value="101">Java Tutorial</data></li>
  <li><data value="111">SQL tutorial</data></li>
  <li><data value="121">HTML tutorial</data></li>
</ul>

输出:

  • Java Tutorial
  • SQL tutorial
  • HTML tutorial

支持的浏览器

元素chrome 浏览器 Chromeie 浏览器 IEfirefox 浏览器 Firefoxopera 浏览器 Operasafari 浏览器 Safari
<data>

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML高级教程, HTML面试题, HTML笔试题, HTML编程思想