如何在HTML中引用本地绝对文件路径

Question

我正在使用Apache、MySQL和PHP本地构建一个网站。我有不同的子文件夹，我尝试从我的主header.php包含文件中给出一个CSS文件的绝对引用。

在header.php中，我有：

<link href="/Users/nicolauria/Sites/sd/css/style.css" type="text/css" rel="stylesheet" />

css文件未正确加载。开发者工具显示以下信息：“在此服务器上未找到所请求的URL /sd/css/style.css。”

任何帮助将不胜感激！ 尼克

- nflauria

Answer 1

您正在通过HTTP加载此页面？那么您只能使用“http-space”路径，这意味着您不能在URL中包含站点的文档根目录。例如：

您网站的文件实际上位于服务器上的/home/sites/example.com/html，这被定义为该网站的文档根目录。当您访问该网站并请求一个文件，例如http://example.com/foo/bar.html，Web浏览器会发送以下内容：

GET /foo/bar.html

web服务器将添加文档根目录，生成

/home/sites/example.com/html/foo.bar.html

但请注意，这个路径仅适用于Web服务器本身。它永远不会以这种形式对您可用。您只能指定站点文档根目录中的目录/文件。这意味着如果您请求类似于 example.com/home/sites/example.com/other/file.html 的内容，您将强制服务器生成 /home/sites/example.com/html/home/sites/example.com/other/file.html等等...

- Marc B

---

谢谢Marc！我打算在开发网站的同时将所有文件托管在Bluehost上。 - nflauria

Answer 2

如果您想提供绝对URI，则必须：

• 包括方案（file://）
• 接受许多浏览器出于安全原因会拒绝将file:数据加载到通过http:/https:加载的页面上
• 接受其他计算机上的用户无法访问您的文件系统

最好在Web服务器上托管所有所需资源。

- Quentin

---

谢谢Quentin！我会研究将所有文件存储在Bluehost上。 - nflauria

Answer 3

你的 header.php 文件位于哪个位置？我的意思是，如果你的 header.php 文件在 sd 文件夹中，那么你可以使用以下代码：<link type="text/css" rel="stylesheet" href="css/style.css" /> 也许这个链接会对你有所帮助： http://www.htmlhelp.com/reference/css/style-html.html

- ZearaeZ

---

谢谢ZearaeZ！ - nflauria