我如何制作相对路径？ [关闭]答案

【问题标题】：how do I make relative paths? [closed]我如何制作相对路径？ [关闭]
【发布时间】：2023-03-24 13:09:01
【问题描述】：

我在学校的网站设计课上，我被困在这个项目上。我必须将 5 个 html 和 5 个图片放在单独的子文件夹中，在两个子文件夹之外保留一个 css 文件，并在 css 文件和 html 页面之间创建相对路径，以及在 html 和图片之间创建路径。我不知道如何让 css 文件应用于每个 html，以及如何让图像在页面上弹出（我不知道如何在 html 和图片之间建立路径）。如果这很难理解，我很抱歉，我不会说代码

【问题讨论】：

到目前为止你有什么尝试？
寻求帮助的问题（“为什么/如何使此代码无法运行？”）必须包括所需的行为、特定问题或错误以及 在问题本身中重现它所需的最短代码。请参阅：如何创建minimal reproducible example。

标签： html relative-path

【解决方案1】：

首先，您需要了解相对路径的工作原理：

相对路径是指相对于当前目录的位置。相对路径使用两个特殊符号，一个点 (.) 和一个双点 (..)，它们转换为当前目录和父目录。双点用于在层次结构中向上移动。一个点代表当前目录本身。

发件人：http://desktop.arcgis.com/en/arcmap/10.3/tools/supplement/pathnames-explained-absolute-relative-unc-and-url.htm#GUID-5118AC85-57E4-4027-AC24-FB6E99FADEFF

现在，我将假设您的顶级 ProjectFolder 包含您的 css、一个名为 htmlFolder 的文件夹，其中包含 html，以及一个名为 imageFolder 的文件夹，其中包含图像。

因此，从 htmlFolder 中的文件的角度来看，css 文件位于父目录中（直接位于“上方”的目录），因此您的相对路径可能如下所示：

../myStyle.css

图像位于所谓的“兄弟”文件夹中，这意味着它共享同一个父文件夹。兄弟路径如下所示：

../imageFolder/myImage.png

此相关问题的最佳答案在网站上下文中给出了类似但更详细的解释：Relative path in HTML

【讨论】：