为什么我使用绝对路径时不会附加 CSS 文件？

Question

这是我的代码：

<link href="<?= realpath(__DIR__ . '/..') ?>/css/styles-home.css" rel="stylesheet" type="text/css" />

结果是：

<link href="C:\xampp\htdocs\myweb\ltk/css/styles-home.css" rel="stylesheet" type="text/css" />

为什么那个 css 文件没有附加到 HTML 页面？我的意思是我在 HTML 页面中看不到样式。注意到路径是对的。自从我通过浏览器打开以下路径时：

file:///C:/xampp/htdocs/myweb/ltk/css/styles-home.css

我可以看到 CSS 代码。怎么了？

Answer 1

如果我有一个 html 文件，其中包含一个带有 src 的图像元素，其文件路径与您上面的类似。

<img src="C:\foo\bar.jpg">

我通过 Google Chrome（一种网络浏览器）通过 http 访问该文件（这里我的本地网络服务器在文档根目录中有 html 文件）。浏览器将路径解析为：

http://localhost/C:/foo/bar.jpg

如果我在浏览器中打开文件（通过文件系统），它会尝试：

file:///var/www/C:/foo/bar.jpg

我的文档根是/var/www。

您可以看到浏览器将此处的图像路径视为相对路径。