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

Question

我正在我计算机的本地服务器上构建一个网站，并计划将所有 link 和相关路径原封不动地上传到我的虚拟主机。但是，我运行遇到了一个问题，即如何 link 访问层次结构链上层目录中的页面和图像。

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

帮忙？

Answer 1

您必须使用 ../ 才能在目录中上一级

 <a href="../your/path.html">Go Link</a>

如果想直接进入根目录。你必须以 /

开始你的 URL

  <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');
  }

Answer 2

您可以像这样使用两个点访问根目录：

../ 然后是你想要的目录，比如 logos 或者假设你在你提到的子目录中工作的东西 "fruit".

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

How do I link to a file in a different directory without using the whole address?

html

directory

hyperlink