一、href值为url时，主要是做链接跳转

1. href一般是指向一个url地址，如<a href="http://www.jd.com">打开京东商城</a>，点击时会跳转这个链接的页面
2. href后面是相对路径，点击会打开或下载对应的文件

   <a href="./imgs/001.jpg">超链接1</a>
   <a href="../edit.rar">超链接2</a>
   <a href="../note/day02.docx">超链接2</a>

二、锚链接

1. 在同一页面中从A处跳转到B处

   1.确定锚点目标即跳转去的位置，使用元素的id或name属性值，推荐使用id
   <img src="imgs/wide.jpg" id="yh" name="chm" width="500"></a>
   2.创建锚点链接，href值使用“#+锚名”,锚名即元素的id或name值
   <a href="#yh">上面风景图</a>

2. 从B页面的位置跳转至A页面的a位置

   img.html中的<img src="imgs/001.jpg" id="ak" alt="ak47">
   first.html中的<a href="img.html#ak">米哈伊尔-卡拉什尼科夫</a>
   href后url+#锚名,先跳转至img.html页面再寻找id为ak的元素

    

三、调用JS代码

<a href="javascript:js代码"></a>，这种javascript:用法在传递this等参数时会出现问题，可能导致触发window.onbeforeunload事件，IE中可能导致gif动画停止播放，一般不推荐使用

常见的用法：

1.<a href="javascript:void(0);" onclick="js_method()"></a>
void(0)返回undefined，点击不发生跳转，通过onclick事件执行js函数
2.<a href="javascript:;" onclick="js_method()"></a>
这种是执行了一条空的js，点击不发生跳转
3.<a href="#" onclick="js_method()"></a>
点击页面回到顶部，发生跳转
4.<a href="#" onclick="js_method();return false;"></a>
点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置