第5章超链接5.1超链接的基本概念超链接按源端点区分为有文本超链接、图像超链接和表单超链接。文本超链接就是利用文本为源端点构建的超链接。在浏览器中，文本超链接的锚点一般显示为下方带有下划线的文字；图像超链接的源端点是图像；表单超链接的源端点可能是菜单或按钮等表单对象。超链接按目标端点区可以分为外部链接、内部链接、局部链接和Email链接。外部链接是链接到本站点之外的站点或文档，利用这种链接，可以跳转到其他的网站上。内部链接的目标端点是本站点中的其他文档，利用这种链接，可以跳转到本站点其他的页面上。局部链接的目标端点是文档中的某个位置，如文档中间、末尾、开头或某个指定的位置，也可以是其他文档中的某一指定位置。Email链接的目标端点是一个Email地址，单击这种链接，可以启动电子邮件程序，书写邮件并发送到指定的地址。5.1.2超链接的路径超链接的路径是URL地址。按目标端点所处位置的不同，超链接的路径分为绝对路径、相对路径和基于根目录的路径。下面以如图5.1所示站点的目录结构为例，介绍这几种路径的含义。假设网址是www.test.com，web是网站的根目录，index.htm是主页。1.绝对路径如果路径是一个完整的URL地址，则这种链接路径就称为绝对路径。其特点是，路径同链接的源端点所处的位置无关。在图5.1所示站点中，要创建指向Introduction目录下index1.htm文件的链接，其绝对路径为http://www.test.com/Introduction/index1.htm。如果要创建指向benkesheng目录下的jiaoxuejihua.htm文档的链接，绝对路径为图5.1一个网站的目录结构图5.1http://www.test.com/Education/benkesheng/jiaoxuejihua.htm。如果希望在文档中链接主页，可以不指定主页文件名，而只用http://www.test.com。绝对路径的好处是同链接的源端点无关。目标网站的地址不变，无论源端点如何移动，都可以正常实现跳转而不会发生错误。如果目标端点在其他网站上，就必须使用绝对路径。而如果目标在本网站上（源端点和目标端点是同一个网站内的网页），则会给移植和测试带来不便。因此，对内部链接和局部链接最好不要用绝对路径。2.相对路径为了避免绝对路径的缺陷，对于在本站点之中的链接来说，使用相对路径是一个很好的方法。相对路径是目标端点同源端点之间的相对位置，它的参考点是源端点所在位置，与网站的名称、地址、以及根目录的位置和名称无关。例如，在图5.1所示的站点中，如果希望在tuan.htm文档中创建指向dang.htm文件的链接，路径可以直接写为dang.htm。如果源端点和目标端点不位于同一个目录下，则只需要将目录的相对关系表达出来。从dang.htm到jigou.htm的链接路径写为../administration/jigou.htm，其中“../”表示上一级目录。从dang.htm到jiaoxuejihua.htm的相对链接路径为../../Education/benkesheng/jiaoxuejihua.htm，其中多个“../”符号可以表示更高的上级目录。如果链接指向的文档位于当前目录的子级目录中，可以直接输入目录名称和文档名称。例如，从Index1.htm到dang.htm的相对链接路径为party/dang.htm。利用相对目录的优点在于：如果站点的结构和文件的相对位置不变，链接就不会出错。将整个网站移植到另一个地址的网站中，不需要对文档中的链接路径做任何修改。但相对路径也有缺点：如果修改了站点的结构，或是移动了文档，则文档中的链接关系就会失效。3.基于根目录的路径基于根目录的路径可以看作一种特殊的相对路径，只不过路径不是相对于源端点的，而是相对于本网站的根目录的相对路径。通常用一个斜线“/”表示根目录，所有基于根目录的路径都从该斜线开始。在图5.1所示站点中，到index1.htm的基于根目录的路径为/Introduction/index.htm，到dang.htm的基于根目录的路径为/Introduction/party/dang.htm。基于根目录的链接路径与源端点所在的位置无关。也就是说，只要源端点在本站点内，不管源端点在哪个文件中，都可以使用以上的路径正确地链接到指定文件。5.1.3超链接的颜色为了更清晰地表示超链接，特别是文本超链接以及它们的链接状态，在网页中可以对超链接及它们的不同状态使用不同的颜色显示。未访问链接的文本颜色：表示正常显示下超链接的文本颜色。已访问链接的文本颜色：表示已经单击并正确链接过的超链接的颜色，就是说，对已访问过的超链接可以使用另一种颜色显示。正在访问的链接的