HTML data 标签

htmlweb developmentfront end technology更新于 2025/11/25 5:00:17

HTML 中的 <data> 标签用于通过翻译将当前内容设置为机器可读的形式。

语法

以下是语法 −

<data value=””>

以上，value 设置了内容的机器可读形式。

示例

现在让我们看一个实现 <data> 标签的示例 −

<!DOCTYPE html>
<html>
<body>
<h2>Subjects covered in Schools</h2>
<p>Associating the subject name with number:</p>
<ul>
<li><data value="1000">Maths</data></li>
<li><data value="1003">Science</data></li>
<li><data value="1009">English</data></li>
<li><data value="1030">Political Science</data></li>
<li><data value="1045">French</data></li>
</ul>
</body>
</html>

输出

这将产生以下输出 −

在上面的例子中，我们通过翻译将数字设置为内容 −

<ul>
<li><data value="1000">Maths</data></li>
<li><data value="1003">Science</data></li>
<li><data value="1009">English</data></li>
<li><data value="1030">Political Science</data></li>
<li><data value="1045">French</data></li>
</ul>

我们使用 <data> 元素将机器可读的表单设置为内容 −