HTML中不同文件的链接没有链接[重复]

Question

我的网站有不同的页面，我将这些 HTML 文件放在文件夹 X 中，里面有 index.html、main.html 等，不同的文章有更多不同的页面。现在我已经将这些文章分隔在不同的文件夹 A、B、C 以便在文件夹 X 中轻松访问，但现在我的 index.html、main.html 等文件没有链接到文章页面。甚至文章文件也没有相互链接。

查看图片以更好地理解我的问题。

        <a class="active" href="Index.html" target="_blank">Home</a>
        <a href="#" target="_blank">Anime Stuff</a>
        <a href="Youtube.html" target="_blank">YouTube</a>
        <a href="Contact Me.html" target="_blank">Know Me</a>

Answer 1

所以如果“X”是您的主文件夹该文件夹中的任何文件都将像这样访问

<a href="./index.html">Index</a>
<a href="./contact.html">Contact</a>
<a href="./MainContent.html">Main Content</a>

对于A、B和C，它们是您在X中的子文件夹，可以像这样访问文件

对于文件夹 A：<a href="./A/index.html">Index</a>

对于文件夹 B：<a href="./B/index.html">Index</a>

对于文件夹 C：<a href="./C/index.html">Index</a>

Answer 2

链接到相关页面

例子：

项目文件夹/
|—— about.html
|—— 联系方式.html
|—— index.html

<a href="./contact.html">Contact</a>

Answer 3

在这些页面之间建立链接的最简洁方式是使用相对于您的文档根目录的 URL。有关详细信息，请参阅 Absolute vs relative URLs，但每个 URL 都以 / 开头（使您的 URL 相对于文档根目录）会有很大帮助。

示例：让我们将您的Project Money 目录视为您的文档根目录，假设这些目录是通过http://local.website.com/ 访问的。这意味着要访问您的主页，您只需转到http://local.website.com/ 或http://local.website.com/index.html，它就会加载您的主页。此外，http://local.website.com/contact.html 将加载您的联系页面，http://local.website.com/youtube.html 将成为您的 YouTube 页面。现在来处理子目录。 http://local.website.com/A/article1.html 将加载A 目录中的article1.html 页面。

因此，要从其他任何地方链接到您的article1.html 页面，请使用/A/article1.html 作为href 值，类似地，要从其他任何地方链接到您的主页，您可以使用/index.html。使用相对于文档根目录的 URL 使得页面之间的链接比相对于 当前路径（./A/article1.html、./article1.html、article1.html、../index.html 等）更清晰。有关其他示例，请参阅https://stackoverflow.com/a/21828923/1499877，其中还链接到其他资源。