学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>HTML>>全局属性>>

HTML data-* 属性

发布时间:2020-02-16点击:

    HTML data-* 属性

    用法举例:

    <ul>
    <li data-type="ceshi1">ceshi1</li>
    <li data-type="ceshi2">ceshi2</li> 
    <li data-type="ceshi3">ceshi3</li> 
    </ul

    作用:

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

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

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

    浏览器支持情况:

    IE
    firefox
    Opera
    chrome
    Safari
    支持
    支持
    支持
    支持
    支持

    注意事项:

    1、data-* 属性由以下两部分组成:属性名不要包含大写字母,在 data- 后必须至少有一个字符。该属性可以是任何字符串

    2、自定义属性前缀 "data-" 会被客户端忽略。

    3、data-* 属性是 HTML5 新增的。

    属性值:

    属性值
    作用
    somevalue
    指定属性值(一个字符串)

    相关文章:

    HTML 的全局属性

    学习不止眼前的教程与笔记还需实践与创新——小伙伴们块动手试试吧~

赞一个(0)     踩一个(0)    

相关链接

搜索