HTML：建立超链接

Love The Way You Lie 2022-06-05 05:14 384阅读 0赞

# 第三章：建立超链接 #

超级链接是HTML文档中的最基本特征之一，他能够让浏览者在各个独立的页面之间方便的跳转。每个网站都是由众多的网页组成，网页之间通常通过链接方式相互关联的。超链接分为外部链接，电子邮件链接，锚点链接，空链接，脚本链接。

## **3.1超链接的基本知识** ##

要正确的创建链接，就必须了解链接与被链接文档之间的路径。每个网页都有一个唯一的地址，称为统一资源定位符（URL）。

### **3.1.1 绝对路径** ###

绝对路径是包括服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以非常精确的找到，除非目标文件的位置发生变化，否则链接不会失败。如果希望链接同站点上的其他内容，就必须使用绝对路径。采用绝对路径的缺点是在于这种方式的链接不利于测试。如果在站点中使用绝对地址，要想测试连接是否有效，必须在Internet服务器端对链接进行测试。另一个缺点是，采用绝对路径不利于站点的移植。

### **3.1.2 相对路径** ###

相对路径可以表述源端点同目标端点之间的相互位置，它同源端点的位置密切相关。  
如果链接中源端点和目标端点位于同一个目录之下，则在链接中只需指明目标端点的文档名称就可以了。  
如果在链接中源端点和目标端点不在同一个目录下，则只需要将目录的相对关系表示出来就可以了。  
如果链接指向的文档位于当前文档的子目录中，可以直接输入目录名称和子目录名称。  
如果链接指向的文档没有位于当前目录的子目录当中，则可以利用…符号来表示当前目录的父目录，利用多个…符号可以表示更高的父目录，从而构建出目录的相对位置。  
其优点在于如果站点的结构和文档的位置不变，那么链接就不会出错。可以将整个网站移植到另一个地址的网站中，而不需要修改文档中的链接路径。  
对于图像尽量使用相对路径。

## **3.2 内部链接** ##

内部链接是指链接的对象在同一个网站中的资源。

### **3.2.1 认识内部链接** ###

语法：

### **3.2.2 链接的目标窗口** ###

在创建网页的链接的过程中，默认情况下超链接在原来的浏览器窗口中打开，可以使用target属性来控制打开的目标窗口。  
语法：

说明：在该语法中，target参数的取值有4种，如下表：

<table> 
 <thead> 
  <tr> 
   <th>属性值</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>-self</td> 
   <td>在当前窗口中打开链接</td> 
  </tr> 
  <tr> 
   <td>-blank</td> 
   <td>在一个全新的空白窗口中打开链接</td> 
  </tr> 
  <tr> 
   <td>-top</td> 
   <td>在顶层框架中打开链接，也可以理解成在根框架中打开链接</td> 
  </tr> 
  <tr> 
   <td>-parent</td> 
   <td>在当前框架的上一层里打开链接</td> 
  </tr> 
 </tbody> 
</table>

## **3.3 锚点链接** ##

网站中经常会有一些文档页面由于文本或者图片内容过多，导致页面过长。访问者需要不停的拖动浏览器上的滚动条来查看文档中的内容，为了方便用户查看文档中的内容，在文档中需要进行锚点链接。

### **3.3.1 建立锚点** ###

在创建锚点链接之前首先要建立锚点。  
语法：

说明：  
利用锚点名称可以连接到相应位置。同一个网页中可以有无数个锚点，但是不能有相同名称的两个锚点。

### **3.3.2 链接同一页面中的锚点** ###

建立了锚点之后，就可以创建到锚点的链接，需要用\#号及锚点的名称作为href属性值。  
语法：

说明：  
在该语法中，在href属性后输入页面中创建的锚点的名称，则可以链接到页面中不同的位置。

### **3.3.2 链接到其他页面中的锚点** ###

锚点链接不但可以链接到同一页面，也可以在不同页面中设置。  
语法：

说明：  
在该语法中，与同一页面内的锚点不同的是，需要在锚点名称前增加文件所在的位置以设置一个单独的链接页面，使其链接到前面定义的锚点页面。

## **3.4 外部链接** ##