我不明白绝对路径如何与 local/remote 主机一起使用

I don't understand how absolute path works with local/remote hosts

我在 /home/username/project 中有我的网站项目,其中有 index.htmlindex.html 必须包含以下 .css 文件 /home/username/project/css/application.css,所以我尝试这样加载它:

<link rel="stylesheet" href="/css/application.css"/>

我在我的本地主机上 运行 index.html 页面,没有看到任何变化。浏览器开发人员工具显示样式 sheet 在 /home/username/css/application.css 中不存在。当然,因为它在项目文件夹中,为什么主机要在那里找到它?

您需要通过在路径前放置 . 来指定包含 css 文件的文件夹嵌套在包含 html 文件的文件夹中。

所以你的行变成:

<link rel="stylesheet" href="./css/application.css"/>

有关其他信息,如果您想转到包含 html 文件的文件夹,则必须将 ...
因此,例如,如果您的 css 文件位于 /home/username/css/application.css,您的行将变为:

<link rel="stylesheet" href="../css/application.css"/>