Html CSS文件未链接到子目录中

Html CSS文件未链接到子目录中,html,css,Html,Css,以下是我的目录结构: -根 --文件 ---doc1.php --包括 ---header.php ---footer.php ---css.css --index.php 在我的标题中,我链接到CSS文件,如下所示: <link href="includes/styling.css" type="text/css" rel="stylesheet" /> 这适用于index.php,因为它是正确的路径(root/includes/css.css) 但是对于doc1.php来说

以下是我的目录结构:

-根

--文件

---doc1.php

--包括

---header.php

---footer.php

---css.css

--index.php

在我的标题中,我链接到CSS文件,如下所示:

<link href="includes/styling.css" type="text/css" rel="stylesheet" />

这适用于index.php,因为它是正确的路径(root/includes/css.css)

但是对于doc1.php来说,这不是正确的路径。(root/docs/includes/css.css)


如何在保留一个header.php文件和该行代码的同时修复此问题?有没有办法强制路径在根目录中启动?

使用绝对路径而不是相对路径

<link rel="stylesheet" type="text/css" href="/root/includes/css.css" />

您可以使用标签告知浏览器所有链接的相对位置(包括s和s),您需要确保所有链接都是相对于该位置的,但它允许您使用来自任何文档的相同相对路径


或者,您可以使用绝对路径。

或者这将消除任何页面在任何级别上的所有疑问:


将html标记放入代码块中。