<a href=""></a>在网页中很常见,那么它的主要功能是用来做什么的呢?
其实它主要是用来进行跳转、链接的,实现此功能的核心就是通过href属性实现的。
href的内容分为三类:
一、协议+地址主要是用来进行访问
常见的协议有
1)Http
<a href="http://www.baidu.com">百度<a>
2)javascript
<a href="javascript:alert('Welcome')">联系站长<a>
3)mailto
<a href="mailto:[email protected]">联系站长<a>
当然还有其他的协议
二、地址
主要是用来进行跳转
2.1、绝对跳转
<a href="http://www.baidu.com/">百度</a>
2.2、相对跳转
1. 本目录的使用(与本文件在相同的文件夹下):
<a href="123456.html">
2. 本目录下的子文件夹(设文件夹名为newdoc)的使用:
<a href="newdoc/123456.html">
3. 本目录下的子文件夹下的子文件夹(设文件夹名为newdoc2)的使用(如果更多层,则依此类推):>
<a href="newdoc/newdoc2/123456.html">
4. 本目录上一层父目录的使用:
<a href="../123456.html">
5. 本目录上两层父目录的使用(如果更多层,则依此类推):
<a href="../../123456.html">
6. 本目录上一层父目录下一个名为new文件夹下的使用(也就是和本文件所在的文件夹在相同目录下的那个new文件夹):
<a href="../new/123456.html">
三、内部连接(锚定)
1、同页面跳转:
<a href="#q1">问题一?</a>
<!-- 添加锚的方法 -->
<a name="q1">问题一的解答</a>
2、不同页面跳转:
a.html的内容
<a href="b.html#q1">问题一?</a>
b.html的内容
<a name="q1">问题一的解答</a>
注意:
1.添加锚点就是为了在同一个页面方便快捷地找到相应位置,所以要确定在同一个页面打开才好,当然也可以在不同页之间跳转。总结:
<a href="#"> # -- 代表空连接,连接的是自己即什么也不做。