【问题标题】:Links not going back a directory?链接不返回目录?
【发布时间】:2011-02-01 11:57:11
【问题描述】:

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

例如,FAQ 页面位于:

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

注意pages/en/ 目录。理想情况下,我希望所有页面都保存在www.mysite.com/index.html 等下,但我无法更改。

无论如何,当我在这些常见问题解答页面中的任何一个页面上时,我尝试返回链接以说明主页 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

提前致谢。

【问题讨论】:

    标签: html broken-links


    【解决方案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> 相同

    【讨论】:

    • 谢谢你们俩。我已经尝试过了,它有效。感谢您的更新!
    【解决方案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 调用

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

    • . 表示“当前目录”
    • .. 表示“父目录”

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

    • 如果从 /pages/en/faqs/faq-page1.html 调用,../index.html/pages/en/index.html
    • 如果从 /pages/en/faqs/faq-page1.html 调用,../../index.html/pages/index.html

    一旦您熟悉了这些术语,就很容易理解它的问题所在以及如何解决它。你有两个选择:

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

    【讨论】:

      【解决方案3】:

      要在链接中上移目录,请使用..。这意味着“上一个目录”,因此您的链接将如下所示:

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

      【讨论】:

      • 谢谢,新的只是我愚蠢:)
      猜你喜欢
      • 2018-08-06
      • 1970-01-01
      • 2022-11-19
      • 1970-01-01
      • 2011-10-13
      • 1970-01-01
      • 1970-01-01
      • 2019-06-30
      • 1970-01-01
      相关资源
      最近更新 更多