链接没有回到目录？

Question

这可能是一个愚蠢的问题,我自己也有答案,但我想知道我做错了什么.我有一个网站,我们称之为www.mysite.com.在这个网站中,我有一些常见问题解答,但是构建网站的人将FAQ页面保存在名为"FAQs"的网站上的目录下.

例如,FAQ页面位于:

www.mysite.com/pages/en/faqs/faq-page1.html.

记下pages/en/目录.理想情况下,我希望所有页面都保存在其他页面下,www.mysite.com/index.html但我不能改变它.

无论如何,当我在这些FAQ页面中的任何一个时,我尝试链接回来说出主页index.html,导航将不会转到页面.所以,例如,当我在:

www.mysite.com/pages/en/faqs/faq-page1.html

我尝试链接回主页

www.mysite.com/pages/en/index.html(这是保存索引页面的地方)导航将无法正常工作.相反它会尝试去www.mysite.com/pages/en/faqs/index.html.

现在我假设发生这种情况是因为我在"faq"目录中,但是如何在链接时返回根目录？链接的代码很简单<a href="index.html">Home</a>.我当然可以放入完整的链接www.mysite.com/pages/en/index.html,这可以解决这个问题,但还有另一种解决方法吗？对不起这么长的帖子,我可能能够更好地解释这个,但我不能:S

提前致谢.

Answer 1

您需要提供相对文件路径 <a href="../index.html">Home</a>

或者,您可以指定来自站点根目录的链接 <a href="/pages/en/index.html">Home</a>

..并且.在文件路径中具有特殊含义,..表示一个目录并且.表示当前目录.

所以<a href="index.html">Home</a>是一样的<a href="./index.html">Home</a>

Answer 2

有两种类型的路径:绝对路径和相对路径.对于硬盘中的文件和URL中的目录,这基本相同.

绝对路径以前导斜杠开头.无论您在何处使用它们,它们始终指向相同的位置:

• /pages/en/faqs/faq-page1.html

其余的是相对路径(所有不以斜线开头).它们指向的位置取决于您使用它们的位置

• index.html 是:
  • /pages/en/faqs/index.html 如果来自 /pages/en/faqs/faq-page1.html
  • /pages/index.html 如果来自 /pages/example.html
  • 等等

还有两个特殊的目录名称:.和..:

• . 表示"当前目录"
• .. 表示"父目录"

您可以使用它们来构建相对路径:

• ../index.html是/pages/en/index.html来自/pages/en/faqs/faq-page1.html
• ../../index.html是/pages/index.html来自/pages/en/faqs/faq-page1.html

一旦熟悉了这些术语,就很容易理解它失败的原因以及解决方法.您有两种选择:

• 使用绝对路径
• 修复你的相对路径

Answer 3

要上传链接中的目录,请使用...这意味着"上一个目录",所以你的链接看起来像这样:

<a href="../index.html">Home</a>