您可以设置本地文档根目录吗？或者在哪里？

Question

当从硬盘驱动器在浏览器中打开文件时，文档根目录在哪里？为了说明这一点，给出以下 HTML 代码，如果该页面是从本地计算机打开的 (file:///) 那么应该在哪里 css 文件是为了让浏览器找到的吗？

<link href="/temp/test.css" rel="stylesheet" type="text/css" />

Answer 1

这取决于您使用的浏览器，但例如 Internet Explorer 会将您带到硬盘驱动器的根目录（例如 C:/），而 Firefox 等浏览器则不执行任何操作。

Answer 2

你 能, ，但可能不想在文件头中按文件设置文档根：

<base href="my-root">

Answer 3

在 Mac 上，文档根目录是您在双击桌面上的主硬盘驱动器图标后出现的窗口中看到的内容。临时文件夹需要位于其中，以便浏览器找到您在代码中编写的 CSS 文件。

其实，你也可以这样写代码：

<link href="file:///temp/test.css" rel="stylesheet" type="text/css" />

Answer 4

Eric，文档根目录是您的文件所在的文件夹，无论它位于何处。

Answer 5

就本地静态 html 而言，除非您指定它，否则大多数浏览器都会将您正在查看的 html 文件的位置作为根。因此，放入其中的任何 css 都只能通过其名称来引用。

获取 css 文件的正确引用的懒惰方法是在浏览器中打开它。然后只需获取您在那里看到的网址 - 类似：

file:///blah/test.css

并将其复制到 html 上的样式表链接中：

<link href="file:///blah/test.css" rel="stylesheet" type="text/css">

或者您可以只获取 html 文件的 url 并修改它以引用样式表。

然后您的本地页面应该可以使用本地样式表正常加载。

Answer 6

如果您有兴趣设置文档根目录，您可能会考虑在您的计算机上安装一个 Web 服务器，或者，如果您已经有一个（如 Apache 或 IIS），请将您正在开发的项目存储在以下位置的 Web 根目录中：该服务器（Apache 中的 htdocs，IIS 中不完全确定）。如果您宁愿将文件保留在原处，您可以设置虚拟主机，甚至将它们映射到可以在浏览器中输入的地址（例如，我有一个解析为 Web 根目录的 local.mrwarshaw.com 地址我的个人网站的开发文件夹）。

如果您使用的是 Windows 并且不想自行设置服务器，您可以获取 XAMPP 或 WAMPP 之类的软件包，但请记住，它们带有 PHP 和 MySQL 的额外重量。不过，如果您有足够的空间，它们对于您的机器来说是一个非常简单的嵌入式开发环境。