<data>
版本:HTML5
HTML<data>标签将给定内容与机器可读的翻译相链接。此元素既为数据处理器提供机器可读值,又在浏览器中为人类呈现可读值。但是,如果内容是与时间或者日期相关的,则一定要使用<time>
。
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
safari浏览器不支持,其余浏览器都支持<data> |
示例
<ul> <li><datavalue ="2153">香蕉</data></li> <li><datavalue ="2154">苹果</data></li> <li><datavalue ="2155">车厘子</data></li> </ul>
效果:
- 香蕉
- 苹果
- 车厘子
用法
value
。该属性指定元素内容所对应的数据,或者说“机器可读的翻译”。
Content categories | 流式内容元素,段落内容元素, 段落内容元素. |
---|---|
Permitted content | 段落内容元素. |
Tag omission | 不允许,开始标签和结束标签都不能省略。 |
Permitted parents | 可接受的任何元素段落内容元素. |
DOM 接口 | HTMLDataElement |
HTML4.01和HTML5之间的差异
<data>
标记是HTML5中的新标记。
属性
value
。机器直接可读的格式。指定元素内容的机器可读转换。
全局属性
<data>
元素支持全局属性。
示例
下面的示例展示了一些产品名称,而且每个名称都和一个产品编码相关联。
<p>新产品</p> <ul> <li><datavalue ="398">迷你番茄酱</data></li> <li><datavalue ="399">巨无霸番茄酱</data></li> <li><datavalue ="400">超级巨无霸番茄酱</data></li> </ul>
新产品
- 迷你番茄酱
- 巨无霸番茄酱
- 超级巨无霸番茄酱