html5标签的data-*属性用法简单介绍-低调大师

html5标签的data-*属性用法简单介绍

2018-02-28 741

此属性是html5新增的属性。使用它可以存储用户自定的属性。

使用javascript可以访问这些自定义的属性。

语法结构:

 
         <
         element 
         data-*="somevalue">

语法规范如下:

1.属性名称不能够有大写字母。

2.属性名称分为两个部分，"data-"是固定的前缀，后面是任意合法的字符串名称。

3.属性值可以是任意合法的字符串。

代码实例:

1

2

3

4

5

 
      <
      ul
      > 
     
 
        
      <
      li 
      data-css
      =
      "css"
      >css教程</
      li
      > 
     
 
        
      <
      li 
      data-js
      =
      "javascript"
      >javascript教程</
      li
      >  
     
 
        
      <
      li 
      data-jquery
      =
      "jquery"
      >jquery教程</
      li
      >  
     
 
      </
      ul
      > 
     

原文发布时间为：2017-2-19

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接：html5标签的data-*属性用法简单介绍

微信关注我们

原文链接：https://yq.aliyun.com/articles/572944

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

<input type="range">标签用法实例代码

在HTML5中，又新增许多新<input>控件类型，比较实用的一个就是<input type="range">，以滑竿的方式来调整value值，在这以前需要通过模拟才能够实现，下面就通过代码实例介绍一下它的作用。代码如下: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <!DOCTYPE html> < html > < head > < meta charset = " utf-8" > < meta name = "author" content = "http://www.softwhy.com/" /> < title >蚂蚁部落</ title > < style type = "text/css" > #demo{ width:50px; height:50px; background:red; } </ style...

2018-03-01

673

在默认状态下，低版本的IE浏览器是不支持HTML5和CSS3的，很多良好的效果都不能够使用，这不能不说是一种遗憾，为了弥补此种遗憾，因此产生了很多优秀的插件，下面就介绍比较常用的几种。一.html5shiv.js插件: Remy开发的html5shiv.js能够在低版本的IE浏览器中创建main，header，footer等HTML5元素。也就是说使用javascript能创建这些本来不存在的HTML5新元素，引用方式如下: 1 2 3  二.selectivizr.js插件: 此插件提供了大量的低版本IE浏览器不支持的选择器和属性，引用方式如下: 1  上面两个插件的用法这里就不多介绍了，只是告诉大家是有一些方法可以弥补一...

2018-03-01

575

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。