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

HTML 全局属性

实例

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

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

PHP?filename=html_frame_cols">亲自试一试

扫瞄器撑腰

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 规定属性的值(以字符串)。
------分隔线----------------------------

公布评论 (77人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换和记娱乐
最新评论