a标签的简单用法

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>