html中<a href> </a>的用法

来源:互联网 发布:linux复制一整行 编辑:程序博客网 时间:2024/05/18 01:38

<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:xxx@xx.com">联系站长<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.添加锚点就是为了在同一个页面方便快捷地找到相应位置,所以要确定在同一个页面打开才好,当然也可以在不同页之间跳转。
    2.添加锚点,起始位置和结束位置必须都是用<a></a>标记来写的,前面是用href="#锚点名",后面是name="锚点名"

总结:

     <a href="#">  # -- 代表空连接,连接的是自己即什么也不做。
0 0
原创粉丝点击