我在我的计算机本地服务器上建立一个网站,计划上传到我的网站主机,所有链接和相关路径都完好无损。但是,我遇到了如何链接到层次结构链上方的目录中的页面和图像的问题。
例如,假设我的网站是关于食物的,我的所有徽标和样式表都在主.com目录中。然后我添加子目录" fruit"。当然,我可以将所有Fruit图像保存在水果目录中,但是如何将其链接回我的徽标和样式表,并且当我将所有内容上传到我的webhost时仍然可以使用链接?当我在线编辑网站时,只需插入整个地址就没有问题(如果我想更改域名会导致问题,但它会起作用),但是在我的计算机上离线构建网站会导致一些组织问题。
帮助?
答案 0 :(得分:1)
您必须使用../
升级目录
<a href="../your/path.html">Go Link</a>
如果您想直接进入根目录。您必须使用/
<a href="/your/path.html">Go Link</a>
PS:请注意,CSS文件中的相对路径会将.css
文件视为起点。
body {
/* Look for image.jpg in the same directory as css file */
background-image: url('image.jpg');
}
div {
/* Look for image.jpg one directory up in the hierarchy */
background-image: url('../image.jpg');
}
答案 1 :(得分:0)
您可以使用以下两个点访问根目录:
../然后你想要的目录,比如徽标或某些东西,假设你正在你所提到的“水果”的子目录中工作。