如何在文件夹内的 html 中正确链接源代码？答案

【问题标题】：how to properly link source in html inside folders?如何在文件夹内的 html 中正确链接源代码？
【发布时间】：2022-08-19 10:37:19
【问题描述】：

我有多个包含其他 html 的文件夹，我想将它们全部链接起来。

文件夹结构如下所示：

Main Folder
   index.html
   nav.js
   Project Folder
      project1.html
      project2.html
   images
      image1.png
      image2.png

这就是我尝试链接的方式：

index.html:<a href=\"/Project Folder/project1.html\"></a> <a href=\"./Project Folder/project1.html\"></a>
project1.html:<a href=\"/index.html\"></a> <img src=\"./images/image1.png> <script src=\"./nav.js\">
它适用于实时可视代码，但当我只打开 index.html 时不起作用。我因既不加载图像也不加载脚本而出错，当我按下 a 时，我得到另一个找不到页面的错误。

我想弄清楚在多个文件夹中链接项目的正确方法是什么，在这种情况下我必须使用 \"./\" 或 \"/\" 以及是否还有其他内容。

【解决方案1】：

这是我的文件夹结构

主文件夹

索引.html

嗨（文件夹）

  c.css
  favicon.ico

我的连接代码

<link rel="stylesheet" href="hi/c.css">

【讨论】：

重新阅读OP所说的。这些文件并不都在同一个文件夹中。
您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。