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

Question

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

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

Answer 1

您可以（但可能不想）在文件头中基于每个文件设置文档根目录：

<base href="my-root">

Answer 2

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

Answer 3

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

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

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

Answer 4

Eric，文档根目录是您的文件所在的文件夹，无论它在哪里。

Answer 5

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

为您的 css 文件获取正确引用的懒惰方法是在浏览器中打开它。然后抓住你在那里看到的网址 - 比如：

文件：///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 的额外重量。不过，如果您有足够的空间，它们对于您的机器来说是一个非常简单的嵌入式开发环境。