版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
这个的目的是，给标签以href属性，并不连接到实际的页面。
给标签增加href属性，就意味着以下事情：
•:link选择器可以选择到它
•这个a标签可以获得焦点（可以通过tab按键访问到，从而屏幕阅读器能够读出背后的内容，增强可访问性）
•在浏览器的默认样式表中，有href属性的标签才有cursor:pointer的效果。
•优雅降级，在网络连接很差，还没有加载到CSS的时候，依然有手型与正常的link样式。
额外说一下浏览器的默认样式表。
首先看webkit:
a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
a:-webkit-any-link:active {
color: -webkit-activelink
而mozilla有这样的默认样式：
*|*:-moz-any-link {
cursor: pointer;
}
*|*:-moz-any-link:-moz-focusring {
/* Don't specify the outline-color, we should always use initial value. */
outline: 1px dotted;
}
可以看到，webkit和mozilla浏览器都实现了类似于any-link的私有选择符，选取有link语义的标签，比如，有href的。
IE和opera的默认样式表里没有这样的私有选择符，但是有href属性的标签才会应用上标签的样式，若没有href属性，它的样式和一样，仅仅是inline级别的元素。
/*opera的默认样式*/
a {
color: #00C;
text-decoration: underline;
}
a:visited {
color: #800080;
}
我参考的浏览器默认CSS样式表：
•IE：http://www.iecss.com/
•WebKit在http://trac.webkit.org/browser/trunk/Source/WebCore/css（包括 html.css,fullscreen.css,quirks.css等