0
点赞
收藏
分享

微信扫一扫

HTML data 元素

夕阳孤草 2022-07-27 阅读 49

​data​​​ 元素表示其内容,以及值属性中这些内容的机器可读形式。Edge、Firefox 和 Safari 都支持 ​​<data>​​ 元素。

​value​​​ 属性是必需的,其值必须以机器可读的格式表示元素的内容。​​HTML 标准建议​​如下:

元素可以与页面中的脚本一起使用,当脚本有一个文本值与一个人类可读的值一起存储时。(用法近似于 ​​data-*​​)

<p>New Products:</p>
<ul>
<li><data value="398">Mini Ketchup</data></li>
<li><data value="399">Jumbo Ketchup</data></li>
<li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>

data:hover::after {
content: ' (ID ' attr(value) ')';
font-size: .7em;
}

举报

相关推荐

0 条评论