欢迎访问服务器技术网-www.fuwuqijishu.com

HTML data-* 属性

HTML fuwuqijishu 2年前 (2022-09-04) 141次浏览 0个评论 扫描二维码
文章目录[隐藏]

HTML data-* 属性

实例

使用 data-* 属性来嵌入自定义数据:

<ul>
<li data-animal-type=”bird”>Owl</li>
<li
data-animal-type=”fish”>Salmon</li>
<li
data-animal-type=”spider”>Tarantula</li>
</ul>


浏览器支持

所有主流浏览器都支持 data-* 属性。


定义和用法

data-* 属性用于存储私有页面后应用的自定义数据。

data-* 属性可以在所有的 HTML 元素中嵌入数据。

自定义的数据可以让页面拥有更好的交互体验(不需要使用 Ajax 或去服务端查询数据)。

data-* 属性由以下两部分组成:

  1. 属性名不要包含大写字母,在 data- 后必须至少有一个字符。
  2. 该属性可以是任何字符串

注意: 自定义属性前缀 “data-” 会被客户端忽略。


HTML 4.01 与 HTML5之间的差异

data-* 属性是 HTML5 新增的。


语法

<element data-*=”somevalue“>

属性值

描述
somevalue 指定属性值 (一个字符串)


喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Warning: error_log(/www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/#log/log-2120.txt): failed to open stream: No such file or directory in /www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/spider.class.php on line 2900