1、href="#"的作用：页面中有滚动，可以直接回到顶部。
<a href="#">回到最顶端</a>
2、href="url"的作用
1）url为绝对路径
//跳转到百度页面
<a href="http://baidu.com">超链接</a>
//下载文件
<a href="http://baidu.com/i.img">超链接</a>
2）URL为相对路径
//下载图片
<a href="/Home/i.img">超链接</a>
3）锚点
页内跳转
//点击此处会跳到标记1
<a href="#1">锚点1</a>
//点击此处会跳到标记2
<a href="#2">锚点1</a> <div id="1">标记1</div>
<div id="2">标记2</div>
页外跳转
假如有1.html，2.html
1.html
//此时就会跳转到2.html的标记1处
<a href="2.html/#1">锚点1</a>
<div id="1">标记1</div> 2.html
<div id="1">标记1</div>
3、href="JavaScript:;"（javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好）
//void是一个操作符，void(0)返回undefined，地址不发生跳转，会执行onclick里面的方法
<a href="javascript:void(0)" onclick="sub();">方法</a>
//#是标签内置的一个方法，代表top的作用。点击网页后返回到页面的最顶端。
<a href="#" onclick="sub();">方法</a>
//js函数后return false，页面不发生跳转，执行后还是在页面的当前位置
<a href="#" onclick="sub();return false;">方法</a>