使用相对路径导航

时间:2017-02-05 16:34:03

标签: html5 web relative-path

我不想使用绝对路径,因为我可能会更改我的域名。如何使用相对路径链接到此位置?

AtomicInteger

或者这是个坏主意?

更新:换句话说,如何使用相对路径加载我网站的主页(或其他页面)?我已经使用相对路径来访问资源,但我特别想了解导航。

1 个答案:

答案 0 :(得分:1)

首先链接到同一域内的资源时,不应使用绝对路径。当然,如果您更改域名会有所帮助,但更重要的是,如果您使用绝对路径,您将导致用户代理必须重新解析域的IP地址,这需要时间,而不是如果你没有必要。

引用站点外部的资源时,必须使用绝对路径(http://.....)。

要使用相对路径,您只需要知道当前文件在目录结构中的位置,并了解(相对而言)目标资源所在的位置。您可以遵循以下规则:

如果目标资源与源文件位于同一目录中,则不需要路径 - 只需输入目标资源的名称,即:myFile.html

如果目标资源位于源文件所在文件夹的子目录中,只需使用与源文件位于同一文件夹中的目录名称启动路径,并从中完成路径,即: images/myimage.png

如果目标资源位于比源更高级别的目录中,请使用../导航到源的父目录。例如,要获取一个目录高于当前文件所在目录的文件:../myFile.html。如果你需要上传多个目录,你可以组合多个,即../../myFile.html会占用两个目录来查找文件。

如果源在整个站点结构中相当远,则可能更容易从站点的根目录开始并向下工作,而不是上升到几个级别。在这种情况下,使用/开始路径以指示您应该从站点的根开始。例如:/index.html意味着转到位于网站根目录中的index.html文件。