html - 我不明白绝对路径如何与本地/远程主机一起工作

标签 html css path localhost

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

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

我在我的本地主机上运行 index.html 页面,没有看到任何变化。浏览器开发人员工具显示 /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"/>

关于html - 我不明白绝对路径如何与本地/远程主机一起工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36041427/

相关文章:

html - 编辑列表项的 P

javascript - jQuery 将属性添加到 SVG 字符串

javascript - 拖放 Javascript if 语句问题

path - 带有绝对路径的 FileNotFoundException

html - 为什么我的 ul 元素在我使用 float : right propriety in CSS? 时消失了

html - 我的图片都没有显示(不是服务器问题)

javascript - HTML 页面自动重新加载

javascript - 更改标志的标签

c# - 限制文件/文件夹写入指定根以外的路径

ruby-on-rails - 如何捕获和重定向有效但资源 ID 无效的 Rails 路线?