浏览器支持
所有主流浏览器都支持 href 属性。
定义和用法
href 标签的 href 属性用于指定超链接目标的 URL。
如果 href 属性没有被指定链接,<a> 标签将不是一个链接。
HTML 4.01 与 HTML5 区别
在 HTML5 中, 如果 <a> 标签没有 href 属性, 它将是 一个占位符的超链接。
语法
<a href="URL">
属性值
值 | 描述 |
---|---|
URL | 超链接的 URL。可能的值:
|
用法
href="#"的作用
a中href="#"表示回到最顶部。如果当前页面中需要滚动的话,那么用这种方式就可以直接回到顶部。比如有些网站会在右下角制作一个图标按钮,回到顶部,那么此时可以考虑用这种最简单的方式实现。
<span style="font-size:14px;"><a href="#">回到最顶端</a></span>
href="URL"的作用
1、URL为绝对URL
此时指向另一个站点,比如href="http://write.blog.csdn.net",那么点击时就会直接跳转到这个链接的页面。
2、URL为相对URL
此时指向站点内的某个文件,比如href="/test.doc",那么点击时就会直接下载文件。
3、锚 URL
此时指向页面中的锚,比如href="#top",那么点击时就会到当前页面中id="top"的这个锚点,实现当前页面的所谓跳转。用的最多就是在可滚动页面中,添加菜单,可以直接回到页面中的某个部分的内容。
即所有的三种代码样例:
<a href="http://baidu.com">超链接</a> <a href="#">回到最顶端</a> <a href="css/css1.css">文件链接</a>
其它参考: