第八章:超链接
8.1 超链接
8.1.1 URL 简介
URL( Universal Resource Location )统一资源定位器。 URL 分为 4 个部分:资源类型、服务器地址、端口、路径。
资源类型(scheme): 指 WWW 客户程序用来操作的工具。如 http:// 表示 WWW 服务器,ftp:// 表示 FTP 服务器,gopher:// 表示 Gopher 服务器,new: 表示 Newgroup(新闻组)
服务器地址(host): 指 WWW 页所在的服务器域名。
端口(port): 对某些资源的访问来说,需要给出相应的服务器提供的端口号。
路径(path): 指明服务器上某资源的位置。
URL 地址的格式排列为 scheme://host:port/path
注:WWW 上的服务器都是区分大小写的。
8.1.2 超链接路径
超链接的路径就是 URL 地址,有相对链接和绝对连接两种。
站点中经常遇到以下 3 种类型的文件路径。
绝对路径:http://www.macromedia.com/support/dreamweaver/contents.html
相对于文档的路径: contents.html
相对于根目录的路径: /web/contents.html
绝对路径:
绝对路径提供链接目标端点所需的完整 URL 地址,用于在不同服务器端建立连接。
绝对路径的优点是它与链接的源端点无关,只要网站的地址不变就可以链接。
其缺点是不方便测试链接,如果要测试站点中的链接,就必须在 Internet 服务器上进行测试。并且绝对链接不利于网站文件的移动。
绝对路径的链接有以下三种:
网站间的链接:http://…
链接 FTP:ftp://…
文件链接:file://…
相对文档路径:
相对链接用于在本地站点中的文档间建立链接。不需给出完整 URL,只需给出源端点和目标端点不同的部分,当两端点在同一目录下时,只需指出目标端点的文件名即可。
在移动文件夹时,若移动的是两端点共同所在的文件夹,则路径不需要改动。
若要在新建文档中使用相对链接,必须在链接前先保存该文档。
相对站点链接:
相对站点链接的所有路径都从站点的根目录开始表示。
8.1.3 网站内部链接
一个网站通常会包含多个网页,各个网页间可以通过内部链接使彼此间产生连接系。
选中要建立链接的文本或图片,在 “属性” 面板的 “链接” 中选择相应的文件即可。
8.1.4 网站外部链接
选中要建立链接的文本或图片,在 “属性” 面板的 “链接” 中写入对应网站的 URL 即可。
8.1.5 创建空链接
有时候网页只是为了测试页面,只需要文本、图片看上去像是加了链接,这时候就需要创建空链接。在 "属性“ 面板上的 ”链接“ 中输入 ”#“ 即可。
8.2 创建电子邮件链接
电子邮件链接是一种特殊的链接,使用 mailto 协议。在浏览器中单击邮件链接时,将启动默认的邮件发送程序,由用户向指定邮箱发送邮件。
点击 插入 -> 电子邮件链接,打开 “电子邮件链接” 对话框,在 “文本” 中输入显示在页面上的文本,在 “电子邮件” 中输入要链接的邮箱。
也可以在 “属性” 面板中的 “链接” 输入 mailto:+电子邮件地址。
8.3 创建下载链接
在 “属性” 面板的 “链接” 中选择压缩文件(.rar / .zip)、可执行文件(.exe / .com)或其他(如 .mp3)即可。按 F12 可进行测试。
8.4 创建锚记链接
通过命名锚记功能,用户可以在文档中设置标记,然后通过给这些标记创建链接,使浏览者快速到达指定位置。
点击 插入-> 命名锚记,打开 “命名锚记” 对话框,注意 锚记名不能有空格。 (锚记的位置可以通过拖拽来改变)
然后创建链接时输入 “#+名称” 即可。
如果想要隐藏锚记,可点击 查看 -> 可视化助理 -> 不可见元素,使之不可见。
8.5 创建脚本链接
脚本链接用于执行 JS 代码或调用 JS 函数。可用于在不离开当前网页的情况下,为访问者提供附加信息,或者执行计算、表单验证等其他处理任务。
选中文本或图像,在 “属性” 面板的 “链接” 中输入 javascript ,并添加 JS 代码或函数调用。