HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <data> 数据标签

HTML <data> 标签用于提供其自身内容的机器可读版本。它以特殊格式显示数据。在您的数据需要采用某种格式的情况下，它很有用，因为它可能由脚本处理，但这可能不是您希望用户看到的格式。

让我们来看一个场景来很好地理解它：

假设您必须用字母（即一、二、三等）向用户表示一些数字，但您有按升序或降序对数字进行排序的脚本。因此，您的脚本需要 1、2、3... 等格式的数字。

<data> 标签可以解决您的问题。

对于用户：写在 <data>....</data> 标签内。

对于脚本：使用 value 属性。

<data value="1">One </data>

HTML 数据标签属性

只有一个必需的属性。数据标签也支持全局和事件属性。

属性描述
价值它是必需的属性。它用于提供标签内容的机器可读版本。

HTML 数据标记示例

<!DOCTYPE>
<html>  
<body>  
<ul>  
<li><data value="101">Java Tutorial</data></li>  
<li><data value="111">SQL tutorial</data></li>  
<li><data value="121">HTML tutorial</data></li>  
</ul>  
</body>  
</html>

输出：

  • Java教程
  • SQL教程
  • HTML教程

支持浏览器

元素ChromeIEFirefoxSafariOpera
<data>YesYesYesYesYes


上一主题 HTML <colgroup> 标签 下一主题 HTML <datalist> 数据列表标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具