首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML 元素自定义数据|Data-×全局属性

定义与用法

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

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

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

data-* 是 HTML5 新增属性。

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

属性名不要包含大写字母,在 data- 后必须至少有一个字符。

该属性可以是任何字符串

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

语法格式

elementdata-*=”somevalue“>

示例代码

效果展示:

Owl

Salmon

Tarantula

浏览器支持

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

属性值

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20210201A08DB000?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券