您现在的地位: 365体育备用网址 > bet365体育在线, > html5教程 > HTML data-* 属性

HTML data-* 属性_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > html5教程 > HTML data-* 属性

HTML data-* 属性

此节有 82 人学习过     参与评论

实例

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

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

亲自试一试

扫瞄器撑腰

IE Firefox Chrome Safari Opera

一切主流扫瞄器都撑腰 data-* 属性。

定义和用法

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

data-* 属性给予我们在一切 HTML 元素上嵌入自定义 data 属性的能力。

存储的(自定义)数据能够被页面的 JavaScript 中使用,以创建更好的用户体验(不进行 ajax 调用或服务器端数据库查询)。

data-* 属性包括两部分:

  • 属性名不应该包含任何大写字母,并且在前缀 "data-" 之后必须有至少一个字符
  • 属性值能够是任意字符串

注释:用户代理会完全疏忽前缀为 "data-" 的自定义属性。

HTML 4.01 与 HTML5 之间的差异

data-* 属性是 HTML5 中的新属性。

语法

<element data-*="somevalue">

属性值

描述
somevalue 规定属性的值(以字符串)。

如对本文有疑问,请提交到交流qy917.千赢国际,广大热心网友会为你解答!! 点击进入qy917.千赢国际


公布评论 (82人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换千赢国际娱乐qy977
最新评论
------分隔线----------------------------
html5教程目录
条评论
Sitemap