Chap 07 HTML建立超链接

7.1 超链接的基本知识
   每个网页都有一个唯一的地址,称为统一资源定位符(URL)。
7.1.1  绝对路径
   绝对路径是包含服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以精确地找到,除非是目标文档的位置发生变化,否则链接不会失败。采用绝对路径的好处是,它同链接的源端点无关。只要网站的地址不变,无论文档在端点中如何移动,都可以正常实现跳转而不会发生错误。另外,如果希望链接站点上的其他内容,就必须使用绝对路径。
   采用绝对路径的缺点在于这种方式的链接并不利于测试。如果在站点中使用绝对地址,要想测试链接是否有效,必须在Internet服务器上进行测试。另一个缺点是,采用绝对路径不利于站点的移植。
7.1.2  相对路径
   为了避免绝对路径的缺陷,对于在同一站点之中的链接来说,使用相对路径是一个很好的方法。相对路径可以表述源端点同目标端点之间的相互位置,它同源端点的位置密切相关。
   如果在链接中源端点和目标端点位于同一个目录下,则只需要将目录的相对路径关系表示出来就可以了。
   如果在链接中源端点和目标端点不在同一个目录下,则只需要将目录的相对关系表示出来就可以了。
   如果链接指向的文档位于当前目录的子级目录中,则可以利用…符号表示当前位置的父级目录,从而构建出目录的相对位置。
   利用相对路径的好处是,如果站点的结构和文档的位置不变,那么链接就不会出错。可以将整个网站的移植到另一个地址的网站中,而不需要修改文档中的链接路径。
   
7.2 内部链接
   内部链接是指链接的对象是在同一个网站中的资源。
7.2.1 认识内部链接
与自身网站页面有关的链接被称为内部链接。
语法:
<a href="链接地址">
……
</a>

7.2.2  链接的目标窗口
在创建网页的过程中,默认情况下超链接在原来的浏览器窗口中打开,可以使用target属性来控制打开的目标窗口。
语法:
<a href ="链接目标" target="目标窗口的打开方式"> 
说明: target参数取值有4种
self:在当前页面中打开链接。
blank: 在一个全新的空白窗口中打开链接。
top:在顶层框架中打开链接,也可以理解为在根框架中打开链接。
parent:在当前框架的上一层里打开链接。

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

7.3.1 建立锚点 
锚点就是指在给定名称的网页中的某一个位置,在创建锚点链接前首先要建立锚点。
语法:
<a name="锚点的名称"></a>
说明:利用锚点名称可以连接到相应的位置。这个名称可以使数字和英文,或者两者的混合,最好要区分大小写。同一个网页中可以有无数个锚点,但是不能有相同名称的两个锚点。

7.3.2  链接同一页面中的锚点
建立了锚点之后,就可以创建到锚点的链接,需要用#号以及锚点的名称作为href属性值。
语法:
<a href="#锚点的名称">……</a>
说明:
在该语法中,在href属性后输入页面中创建的锚点的名称,可以连接到页面中不同的位置。

7.3.3 链接到其他页面中的锚点
锚点链接不但可以链接到同一页面,也可以在不同页面中设置。
语法:
<a href="链接的文件地址#锚点链接">……</href>
说明:在该语法中,与同一页面内的锚点链接不同的是,需要在锚点名称前增加文件所在的位置以设置一个单独的链接页面,使其链接到前面定义的锚点页面。

7.4 外部链接(跳转到当前网站之外的资源中)
7.4.1 链接到外部网站
网页中最常用的利用HTTP协议进行外部链接是在设置友情链接时。
语法:
<a href="

7.4.2 链接到Email(可以使浏览者迅速反馈自己的意见)
语法:
<a href="mailto:邮件地址">……</a> 

7.4.3 链接到FTP 
FTP是指文件传输协议,一个FTP站点通常包含一些容易上传和下载文件的文件目录。大部分的FTP网站需要一个用户名和密码来进入网站。
语法:
<a href="ftp://ftp地址">……</a>

7.4.4  链接到Telnet 
Telnet常常用来登录一些BBS网站,也是一种远程登录方式。
语法:
<a href="telnet://地址">……</a>

7.4.5 下载文件
在某些网站中只需要单击一个链接就可以自动下载文件。
语法:
<a href="文件地址">……</a>
说明:在文件所在地址部分设置的路径,可以是相对地址,也可以是绝对地址。如果超链接指向的不是一个网页文件,而是其他文件例如zip、MP3、exe文件等,单击链接的时候就会下载文件。



你可能感兴趣的:(Chap 07 HTML建立超链接)