超链接的基本概念 (2).ppt

第5章 超 链 接 5.1 超链接的基本概念 5.1.1 什么是超链接 浏览网页时，移动鼠标，指向某些文本或图像，光标即会变成小手的形状，这时单击鼠标，就会打开另一个页面，这就是超链接。 超链接是网页中由一个地方跳转到另一个地方、网页、网站或文件的指针，跳转的起点称为源端点或简称源、锚、锚点，跳转的终点即跳转到的页面称为目标端点或简称目标、目的、目标锚。超链接指出了源端点、目标端点以及从源端点到目标端点的路径即地址。 超链接按源端点区分为有文本超链接、图像超链接和表单超链接。文本超链接就是利用文本为源端点构建的超链接。在浏览器中，文本超链接的锚点一般显示为下方带有下划线的文字；图像超链接的源端点是图像；表单超链接的源端点可能是菜单或按钮等表单对象。 超链接按目标端点区可以分为外部链接、内部链接、局部链接和Email链接。外部链接是链接到本站点之外的站点或文档，利用这种链接，可以跳转到其他的网站上。内部链接的目标端点是本站点中的其他文档，利用这种链接，可以跳转到本站点其他的页面上。局部链接的目标端点是文档中的某个位置，如文档中间、末尾、开头或某个指定的位置，也可以是其他文档中的某一指定位置。 Email链接的目标端点是一个Email地址，单击这种链接，可以启动电子邮件程序，书写邮件并发送到指定的地址。 5.1.2 超链接的路径 超链接的路径是URL地址。按目标端点所处位置的不同，超链接的路径分为绝对路径、相对路径和基于根目录的路径。下面以如图5.1所示站点的目录结构为例，介绍这几种路径的含义。假设网址是，web是网站的根目录，index.htm是主页。 1. 绝对路径 如果路径是一个完整的URL地址，则这种链接路径就称为绝对路径。其特点是，路径同链接的源端点所处的位置无关。在图5.1所示站点中，要创建指向Introduction目录下index1.htm文件的链接，其绝对路径为/Introduction/index1.htm。如果要创建指向benkesheng目录下的jiaoxuejihua.htm文档的链接，绝对路径为图5.1一个网站的目录结构 /Education/benkesheng/jiaoxuejihua.htm。如果希望在文档中链接主页，可以不指定主页文件名，而只用。 绝对路径的好处是同链接的源端点无关。目标网站的地址不变，无论源端点如何移动，都可以正常实现跳转而不会发生错误。 如果目标端点在其他网站上，就必须使用绝对路径。而如果目标在本网站上（源端点和目标端点是同一个网站内的网页），则会给移植和测试带来不便。因此，对内部链接和局部链接最好不要用绝对路径。 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 超链接的颜色 为了更清晰地表示超