(第6章网页中的超级链接.pptVIP

第6章 网页中的超级链接 在主页制作中，大家对链接的作用并不陌生，可以这样说，链接是主页的灵魂是网页的核心。有了它，就能够轻而易举地实现互联网上的信息访问、资源共享。在此，作为超文本标记语言（HTML）可以链接到其他的网页、图像、多媒体、电子邮件地址、可下载的文件等。可以说只要浏览器能够显示的内容，都可以从一个HTML文件中得到。我们只所以能在网络世界恣意畅游，页面之间的链接功不可没。而对于网页制作者来说，链接看似简单却并不容易。 本章对网页中的链接进行一个综合的介绍，以期让大家对它有一个全面而深入的理解。对于链接在HTML 中的写法，在这里就不作过多讲解，有兴趣的读者可参考有关资料学习。 6.1 超级链接概述 超级链接在通过网页浏览获取信息中有如此重要的作用，所以要想实现一个科学合理的链接，就应学习超级链接的相关知识并熟练掌握实现的技术。 6.1.1 超级链接的定义  所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。能合理、协调地把网站中的各个元素以及网站中的页面通过超级链接构成了一个有机整体，使浏览者能快速地访问到想要访问的页面。 超链接由源端点和目标端点两部分组成，其中设置了链接的一端称为源端点，跳转到的页面或对象称为链接的目标端点，同样，超级链接也是网页中最重要、最基本的元素之一。 而在一个网页中用来作超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 6.1.2 超链接的类型 1. 根据超链接的链接路径分 通常情况下将超链接分为以下三种： （1）绝对URL超链接也称为绝对路径。页面之间的链接是用统一资源定位符URL(United Resource Location)来表示。 （2）相对URL的超链接，又称为相对路径。 （3）同一网页的超链接。 2. 根据超链接目标位置的不同分 （1）内部链接：指在同一站点内部，不同页面之间的超链接。 （2）锚记链接：网页内部的链接。通常情况下，锚记链接用于链接到网页内部某个特定的位置。 （3）外部链接：站点外部的链接，是网页与因特网中某个目标网页的链接。 （4）E-mail链接：指链接到电子邮箱的链接。单击该链接可以用于发送电子邮件。 （5）可执行文件链接：通常又称为下载链接，单击该链接可以运行可执行文件，可以用于下载文件或或在线运行可执行文件。 超链接源与目标路径概括如图6-1所示。 6.1.3 内部、外部与脚本链接 常规的链接包括内部超链接、外部超链接和脚本链接。下面介绍各个链接的操作方法。3.脚本超链接 就是通过脚本的方法来控制链接。其主要用来执行计算、表单验证和其他处理。 1.内部超链接 内部超链接是指目标端点内部的超链接，其设置非常灵活。 6.2 关于链接路径 链接是有路径的，深入理解路径的含意，根据网站的不同需要选择不同的路径，对创建网站非常重要。 6.2.1 绝对路径 绝对路径提供链接文档的完整的URL，包括所使用的协议，比如对于Web页来说，通常使用http:/，其中http（Hypertext Transfer Protocol）就超文本传输协议。例如，/cms/data/html/doc/2012-12/21/25126/index.html就是一个绝对路径。 尽管本地链接（即到同一站点文档的链接）也可以使用绝对路径链接，但最好不要采用这种方式，因为一旦将此站点移动到其它域，则所有本地绝对路径链接都将断开。 绝对路径也会出现在尚未保存的网页上，在没有保存的网页上插入图像或添加链接，Dreamweaver会暂时使用绝对路径。 当插入图像（非链接）时，如果使用图像的绝对路径，而图像又驻留在远程服务器而不在本地硬盘驱动器上，则将无法在文档窗口中查看该图像，此时，必须在浏览器中预览该文档才能看到，只要情况允许，对于图像，就要使用文档或站点根目录相对路径。 6.2.2 相对路径 文档的相对路径，例如data/html/doc/2012-12/21/25126/index.html。 相对路径对于绝大多数Web站点的本地链接，是最全适的路径。相对路径还可以需要站点内移动文件时，提供更大的灵活性。 在当前文档与所要链接的文档处于同一文件夹内，而且在继续保持这种状态的情况下，文档相对路径非常有用。 文档相对路径还可以用来链接到其他文件夹中的文档，方法是利用文件夹层次结构，指定从当前文档所链接的文档的路径。 文档相对路径，是省略掉了当前文档和所链接的文档都相同的绝对URL部分，而只提供不同的路径部分。如图6-2所示我们建立的一个站点的内部结构。