• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <data>

    版本:HTML5

    HTML<data>标签将给定内容与机器可读的翻译相链接。此元素既为数据处理器提供机器可读值,又在浏览器中为人类呈现可读值。但是,如果内容是与时间或者日期相关的,则一定要使用<time>

    浏览器支持

    safari浏览器不支持,其余浏览器都支持<data>

    示例

    <ul>
      <li><data value="2153">香蕉</data></li>
      <li><data value="2154">苹果</data></li>
      <li><data value="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><data value="398">迷你番茄酱</data></li>
     <li><data value="399">巨无霸番茄酱</data></li>
     <li><data value="400">超级巨无霸番茄酱</data></li>
    </ul>
    

    新产品

    • 迷你番茄酱
    • 巨无霸番茄酱
    • 超级巨无霸番茄酱

    上篇:<code>

    下篇:<time>