<data> | HTML数据标签的定义与用法

由 hcduguo

定义与用法

  • HTML <data>标签用于提供其自身内容的机器可读值；
  • <data>标签既可以为系统提供机器可读值，又可以在浏览器中呈现用户可读值；
  • <data>标签是HTML5中的新标签。
让我们以一个场景来很好地理解它：

假如你在HTML中需要用字母体现数字效果，但同时你还需要对字母进行数字排序。这时就是<data>标签大显身手的时候了，我们可以给字母指定内嵌的数字值，排序脚本可以用这些数字对字母进行排序。

提示：如果内容与时间或日期相关，则必须使用<time>元素。

语法格式

<data value=”1″>One </data>  

浏览器支持

示例代码

<ul>  
<li><data value="101">Java教程</data></li>  
<li><data value="111">PHP教程</data></li>  
<li><data value="121">HTML教程</data></li> 
<li><data value="122">JavaScript教程</data></li>  
</ul>

效果展示：

  • Java教程
  • PHP教程
  • HTML教程
  • JavaScript教程

标签属性

属性描述
value它是必填属性。它用于在标签内提供机器可读的数据。

全局属性

<data> 标签支持 HTML 中的全局属性。

事件属性

<data> 标签支持 HTML 中的事件属性。

相关