2.3 链接(a)

一.跳转到另一个网址
链接可以跳转到另一个文件,这个文件可以是另一个网页,也可以是供下载的文件。
下面是一个跳转到另一个网址的的例子:
<a href="https://www.baidu.com">百度</a>
只需要在href上写上要跳转的网址,在标签a所标注的文字将会变成链接。
此外,a元素还有一个重要的属性,target,target的值如果是_blank,那么点击此链接将新打开一个页面,否则就是直接跳转,覆盖掉原网页
<a href="https://www.baidu.com" target="_blank">新开一个页面打开,百度</a>
<br/>
<a href="https://www.baidu.com">本页面直接跳转百度</a>
还有一个title属性,当鼠标停留在链接上的时候,title属性里面的文字将出现:
<a href="https://www.baidu.com" target="_blank" title="我是一个链接">新开一个页面打开,百度</a>
效果如图:

二.本网页跳转
链接还可以在本页面跳转,例如长网页地底部有一个“回到顶端”这样的功能,或者带目录的网页点击目录直达内容,都是网页内跳转的应用。
页面内跳转实际上是跳到本网页某个元素上。
首先要确定跳转的目的地,假设希望跳回本页面最开始的h1标题,那么先给这个目标h1元素设立id值:
<h1 id="top">我是标题</h1>
然后底部的链接是这么写的,href写的是#加上要跳转的元素的id值
<a href="#top">回到顶端</a>
组合起来是这样:
<h1 id="top">我是标题</h1>
......这里是别的内容,要多到出现滚动条,否则回到顶端毫无意义......
<a href="#top">回到顶端</a>
id值是所有html元素都可以设定的一个属性,相当于给它一个独一无二的名字,id值不能重复,否则浏览器可能出现不一样的解析。