html中定位标记中href和data-href之间的区别

html <a></a>标记中href和data-href属性有什么区别？我当前的代码编写如下：html中定位标记中href和data-href之间的区别

<a id="sign_in_with_facebook" href="verify_phone_process_1.html" class="btn btn-default bubbla-btn">Sign In with Facebook</a>

，当我将其更改为

<a id="sign_in_with_facebook" data-href="verify_phone_process_1.html" class="btn btn-default bubbla-btn">Sign In with Facebook</a>

它不是重定向到verify_phone_process_1.html页。

来源

2016-03-15 Swamy

html标记中的href和data-href属性有什么区别？

，前者实际上链接的地方，所有的功能/用户界面，包括（因为它是指定为实现该属性） - 而后者则对自己什么都没有，它只是一个任意命名的具有任意值的自定义数据属性。

编辑：自定义数据的一些属性的详细信息：

https://developer.mozilla.org/en/docs/Web/Guide/HTML/Using_data_attributes

http://www.w3.org/TR/html5/dom.html#custom-data-attribute

来源

2016-03-15 19:15:17 CBroe

你可以请我建议我可以检查这些HTML5数据属性的任何链接？ – Swamy

我编辑了包含一些链接的答案，请看看。 – CBroe

非常感谢.... :) :) – Swamy

全球HTML 数据 - *用于属性存储自定义数据（准备被CSS和Javascript调用）。 *是可以被任何字幕替换的通配符。

在CSS使用存储在data-append将文本追加:after一个div的内容数据的下一个片段，而JavaScript使用存储在data-color属性数据在其应用背景色：

var zzz = document.getElementsByTagName("div")[0].getAttribute("data-color"); 
 
var yyy = document.getElementsByTagName("div")[1].getAttribute("data-color"); 
 

 
document.getElementsByTagName("div")[0].style.background = zzz; 
 
document.getElementsByTagName("div")[1].style.background = yyy;

div::after { 
 
    content: attr(data-append); 
 
}

<div data-append="_SUCCESS_" data-color="lawngreen"></div> 
 
<div data-append="_FAILURE_" data-color="tomato"></div>

来源

2016-03-15 19:16:12

html中定位标记中href和data-href之间的区别

回答

相关问题