HTML <data> 标签 详解
HTML基础 2022-06-02 09:39:38小码哥的IT人生shichen
HTML <data> 标签
实例
下示显示产品名称，同时将每个名称与产品编号相关联：
<ul>
<li><data value="21053">圣女果</data></li>
<li><data value="21054">牛肉番茄</data></li>
<li><data value="21055">零食番茄</data></li>
</ul>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h1>data 元素</h1>
<p>下例显示产品名称，但还将每个名称与产品编号相关联：</p>
<ul>
<li><data value="21053">圣女果</data></li>
<li><data value="21054">牛肉番茄</data></li>
<li><data value="21055">零食番茄</data></li>
</ul>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
<data> 标签用于添加给定内容的机器可读翻译。
该元素既为数据处理器提供了机器可读的值，又为浏览器中的渲染提供了人类可读的值。
提示：如果内容与时间或日期相关，请改用 <time> 元素。
浏览器支持
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <data> | 62.0 | 13.0 | 22.0 | 不支持 | 49.0 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| value | machine-readable format | 规定元素内容的机器可读翻译。 |
全局属性
<data> 标签同时支持 HTML 中的全局属性。
相关阅读
- HTML <command> 标签的 type 属性 详解
- HTML <command> 标签的 radiogroup 属性 详解
- HTML <command> 标签的 label 属性 详解
- HTML <command> 标签的 icon 属性 详解
- HTML <command> 标签的 disabled 属性 详解
- HTML <command> 标签的 checked 属性 详解
- HTML <colgroup> 标签的 width 属性 详解
- HTML <colgroup> 标签的 valign 属性 详解
- HTML <colgroup> 标签的 charoff 属性 详解
- HTML <colgroup> 标签的 char 属性 详解
