如何在不使用整个地址的情况下链接到不同目录中的文件?

时间:2015-03-05 22:05:34

标签: html hyperlink directory

我在我的计算机本地服务器上建立一个网站,计划上传到我的网站主机,所有链接和相关路径都完好无损。但是,我遇到了如何链接到层次结构链上方的目录中的页面和图像的问题。

例如,假设我的网站是关于食物的,我的所有徽标和样式表都在主.com目录中。然后我添加子目录" fruit"。当然,我可以将所有Fruit图像保存在水果目录中,但是如何将其链接回我的徽标和样式表,并且当我将所有内容上传到我的webhost时仍然可以使用链接?当我在线编辑网站时,只需插入整个地址就没有问题(如果我想更改域名会导致问题,但它会起作用),但是在我的计算机上离线构建网站会导致一些组织问题。

帮助?

2 个答案:

答案 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)

您可以使用以下两个点访问根目录:

../然后你想要的目录,比如徽标或某些东西,假设你正在你所提到的“水果”的子目录中工作。