我不明白绝对路径如何与 local/remote 主机一起使用
I don't understand how absolute path works with local/remote hosts
我在 /home/username/project
中有我的网站项目,其中有 index.html
。 index.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"/>
我在 /home/username/project
中有我的网站项目,其中有 index.html
。 index.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"/>