HTML data标签 HTMLdata标签|HTML5

本文概述

HTML数据标签属性
HTML数据标签示例
支持的浏览器

HTML < data> 标记用于提供其自身内容的机器可读版本。它以特殊格式显示数据。在你的数据需要采用某种格式的情况下, 这很有用, 因为它可以通过脚本进行处理, 但是这可能不是你希望用户看到的格式。
让我们以一个场景来很好地理解它：
假设你必须用字母代表用户一些数字（即一个, 两个, 三个等）, 但是你有一个脚本按升序或降序对数字进行排序。因此, 你的脚本需要数字, 例如1、2、3等格式。
< data> 标签在这里可以解决你的问题。
对于用户：在< data> … . < / data> 标记内编写。
对于脚本：使用值属性。

< data value="http://www.srcmini.com/1"> One < /data>

HTML数据标签属性只有一个必填属性。数据标签还支持全局和事件属性。

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

HTML数据标签示例

< ul> < li> < data value="http://www.srcmini.com/101"> Java Tutorial< /data> < /li> < li> < data value="http://www.srcmini.com/111"> SQL tutorial< /data> < /li> < li> < data value="http://www.srcmini.com/121"> HTML tutorial< /data> < /li> < /ul>

【HTML data标签】立即测试
输出：