Dreamweaver CC教程:文档相对路径

Dreamweaver CC教程:文档相对路径

文档相对路径
对于大多数 Web 站点的本地链接来说,文档相对路径 通常是最合适的路径。在当前文档与所链接的文档或资产位于同一文件夹中,而且可能保持这种状态的情况下,相对路径特别有用。文档相对路径还可用于链接到其它文件夹中的文档或资产,方法是利用文件夹层次结构,指定从当前文档到所链接文档的路径。
文档相对路径的基本思想是省略掉对于当前文档和所链接的文档或资产都相同的绝对路径部分,而只提供不同的路径部分。
例如,假设一个站点的结构如下:
文档相对路径

若要从 contents.html 链接到 hours.html(两个文件位于同一文件夹中),可使用相对路径 hours.html。 若要从 contents.html 链接到 tips.html(在 resources 子文件夹中),请使用相对路径 resources/tips.html。每出现一个斜杠 (/),表示在文件夹层次结构中向下移动一个级别。 若要从 contents.html 链接到 index.html(位于父文件夹中 contents.html 的上一级),请使用相对路径 ../index.html。两个点和一个斜杠 (../) 可使您在文件夹层次结构中向上移动一个级别。 若要从 contents.html 链接到 catalog.html(位于父文件夹的不同子文件夹中),请使用相对路径 ../products/catalog.html。其中,../ 使您向上移至父文件夹,而 products/ 使您向下移至 products 子文件夹中。

若成组地移动文件,例如移动整个文件夹时,该文件夹内所有文件保持彼此间的相对路径不变,此时不需要更新这些文件间的文档相对链接。但是,在移动包含文档相对链接的单个文件,或移动由文档相对链接确定目标的单个文件时,则必须更新这些链接。(如果使用“文件”面板移动或重命名文件,Dreamweaver 将自动更新所有相关链接。)

 

推荐阅读