: 数据标签

最后更新：2026-09-12

<data>数据标签

将一段可见文本与一个机器可读的值关联，例如给商品名附带价格或编号。浏览器只显示可见文本，但脚本可读取 value 属性。

<data value="598">￥598</data>

该元素支持全局属性及以下专有属性：

属性	值	描述
`value`		机器可读的取值，文本本身仍照常显示。

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<data>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： 只需显示时间相关的机器值（如日期）时，用 <time> 比 <data> 更语义化。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。