如何将一个html页面链接到另一个文件夹中的另一个页面答案

【问题标题】：How to link one html page to another one in another folder如何将一个html页面链接到另一个文件夹中的另一个页面
【发布时间】：2019-11-19 13:07:18
【问题描述】：

无法将“rock-paper-scissors-game2”文件夹中的“index2.html”0 页面链接到“digital-clock”文件夹中的“index.html”。不知道是代码错误还是别的什么。

顺便说一句，我正在使用 Atom，我不知道还能尝试什么，因为链接的代码看起来是正确的。

<a href="rock-paper-scissors-game2/index2.html"> Game </a>

当我在 chrome 中运行它时，它给出了找不到文件的错误。

找不到您的文件它可能已被移动或删除。 ERR_FILE_NOT_FOUND

【问题讨论】：

在我看来，您可能忘记了文件夹的正斜杠。试试<a href="rock-paper-scissors-game2/index2.html"> Game </a>。根据您的站点设置，您可能还需要在开头使用斜线，甚至是 ../ 或类似名称。我不知道，我看不到您的文件夹结构或服务器配置
ADyson 的评论是一个好的开始。如果您有更多麻烦，您可能想查看this question

【解决方案1】：

要链接到您网站结构中的另一个文件，您应该使用relative references。相对意味着，相对于当前加载的资源。

要访问同一文件夹中的内容：只需使用文件名：

<a href="file.html">Click Me<a>

要访问子文件夹中的内容：以子文件夹名称、斜杠和文件名开头：

<a href="childFolder/file.html">Click Me<a>

要访问从站点根目录开始的内容，请以正斜杠开始路径：

<a href="/pathToFile">Click Me<a>

要访问父文件夹中的内容，请以两个点和一个正斜杠开头：

<a href="../file.html">Click Me<a>

要访问上述组合中的内容，例如同级文件夹，您需要先上到父级，然后再下到正确的子级：

<a href="../digital-clock/index2.html">Click Me<a>

作为确保文件存在的初始测试，暂时将其放在与当前页面相同的文件夹中，看看我展示的第一个示例是否有效。如果不是，那么您遇到的问题与您想象的不同。

接下来，您提到 index2.html 位于 digital-clock 文件夹中，但您没有在链接中引用该文件夹，因此请确保包含该文件夹。但是，根据该文件夹的位置，您需要使用我上面显示的方法。

【讨论】：

【解决方案2】：

这应该可以 <a href="../rock-paper-scissors-game2/index2.html">Game</a>

【讨论】：