Maison > Article > interface Web > Chap 07 HTML建立超链接_html/css_WEB-ITnose
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文件等,单击链接的时候就会下载文件。