data-* 属性包括两部分：属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符 属性值可以是任意字符串 简单来说就是存储一些简单信息，然后可以通过js拿到这些信息，像你说的data-url和data-href估计就是存储的真正的url和href，可以通过js的element.dataset.url或JQ的data('url'...
data-*是html5的新特性，*可以任意命名。通常在html中url 表示路径，href则是a标签和link标签的属性。data-href和data-url也只是起到区分的作用，具体的区别还要在使用环境中体现。
url （Uniform Resource Locator）统一资源定位符 href (Hypertext Reference)超文本引用 src (Source)资源...
data-* 的值的获取和设置 2种方法: 1、传统方法 getAttribute() 获取data-属性值; setAttribute() 设置data-属性值 2、HTML5新方法 例如data-href dataset.href 获取data-href属性值 dataset.href = 'http://imooc.com'设置data-href属性值 总结:传统方法无兼容性问题,但是不够优雅、方便 HTML5新方法很优雅...
html元素里面貌似没有这个属性，这个应该是自定义的属性, 自定义属性的使用方法：\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a// 'Getting' data-attributes using getAttribute\x0d\x0avar plant = document.getElementById('strawberry-plant');\x0d\x0avar fruitCount = plant.getAttribute(...
在看别的页面中出现了data-uri和data-href的属性不知道起了什么作用?前端htmlcss 有用1关注5收藏1 回复 阅读26k 5 个回答 得票最新 vimac 11.7k21528 发布于 2015-06-06 这些是自定义属性,对于一些前端框架来说,会拿这些属性做一些别的事情,例如通过这种方式来指定载入源或者跳转目标,但又不至于覆盖HTML原...
【译】HTML 5：你必须知道的data属性 Using data attributes data-*
具体的，a 元素是通过它的 href 属性去锚定资源的。特别的，当 a 元素所锚定的资源是所在服务器上的可供下载的资源，还可以使用 download 属性去设置，但这只能用于 同源 URL 或 blob:、data: 协议起作用时。总的来说，a 元素一共具有 8 个非废弃属性，分别为 download、href、hreflang、ping、referrerpolicy...
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>把文章列表中文章id存储到data-*,并取出</title> <link rel="stylesheet" href="bootstrap-4.6.0-dist/css/bootstrap.min....
data-* 属性包括两部分: (1)属性名不应该包含任何大写字母,并且在前缀 "data-" 之后必须有至少一个字符 (2)属性值可以是任意字符串 简单来说就是存储一些简单信息,然后可以通过js拿到这些信息,像你说的data-url和data-href估计就是存储的真正的url和href,可以通过js的element.dataset.url或JQ的data('url')拿...