HTML:建立超链接

来源:互联网 发布:网络客服有什么要求 编辑:程序博客网 时间:2024/05/16 09:26

第三章:建立超链接

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

3.1超链接的基本知识

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

3.1.1 绝对路径

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

3.1.2 相对路径

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

3.2 内部链接

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

3.2.1 认识内部链接

语法:

<a href="链接地址">......</a>

3.2.2 链接的目标窗口

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

<a href="链接目标" target="目标窗口的打开方式">

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

属性值 含义 -self 在当前窗口中打开链接 -blank 在一个全新的空白窗口中打开链接 -top 在顶层框架中打开链接,也可以理解成在根框架中打开链接 -parent 在当前框架的上一层里打开链接

3.3 锚点链接

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

3.3.1 建立锚点

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

<a name="锚点的名称"></a>

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

3.3.2 链接同一页面中的锚点

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

<a href="# 锚点的名称">......</a>

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

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

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

<a href="连接的文件地址 # 锚点名称">......</a>

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

3.4 外部链接

尽管创建的大多数链接都是在网页之间或者网页内进行链接,但有时也需要进行外部链接,外部链接是指跳转到当前网站之外的资源中。

3.4.1 连接到外部网站

在设置友情链接时,经常需要利用HTTP协议进行外部链接。
语法:

<a href="http://......">......</a>

说明:
在该语法中,http://表明这是关于HTTP协议的外部链接,在其后输入网址即可。

3.4.2 链接到E-mail

在网页上创建E-mail链接,可以使浏览者快速反馈自己的意见。当浏览者单击E-mail链接时,可以立即打开浏览器默认的E-mail。
语法

<a href="mailto:邮件地址">.......</a>

3.4.3 链接到FTP

FTP代表文件传输协议,一个FTP站点通常包含一些上传和下载文件的文件目录。大部分FTP网站需要用户使用用户名和密码登陆。
语法:

<a href="ftp://ftp地址">......</a>

3.4.4 链接到Talnet

Talnet常常用来登陆一些BBS网站,也是一种远程登陆方式。
语法:

<a href="telnet://地址">........</a>

3.4.5 下载文件

如果要在网站上下载资料,就需要为文件提供下载链接,在某些网站中只需要单机一个链接就可以自动下载文件。
语法:

<a href="文件地址">......</a>