a标签中href=""的几种用法

浏览器支持

所有主流浏览器都支持 href 属性。

定义和用法

href 标签的 href 属性用于指定超链接目标的 URL。

如果 href 属性没有被指定链接，<a> 标签将不是一个链接。

---

HTML 4.01 与 HTML5 区别

在 HTML5 中, 如果 <a> 标签没有 href 属性, 它将是 一个占位符的超链接。

语法

<a href="URL">

　

属性值

值	描述
URL	超链接的 URL。可能的值： 绝对 URL - 指向另一个站点（比如 href="http://www.example.com/index.htm"） 相对 URL - 指向站点内的某个文件（href="index.htm"） 锚 URL - 指向页面中的锚（href="#top"）

　

 

 

 

 

用法

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>

　　

其它参考：

https://blog.csdn.net/chelen_jak/article/details/19157445

https://www.cnblogs.com/theWayToAce/p/5594093.html