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

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

解决方案

回答

这取决于我们使用的浏览器，但是例如Internet Explorer会将我们带到硬盘驱动器的根目录(例如，" C：/")，而诸如Firefox的浏览器则不执行任何操作。

回答

埃里克(Eric)，文档根目录是文件所在的文件夹(无论位于何处)。

回答

在Mac上，文档根目录是我们双击桌面上的主硬盘图标后在出现的窗口中看到的内容。临时文件夹需要放在该文件夹中，浏览器才能在代码中写入该CSS文件。

实际上，我们还可以编写如下代码：

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

回答

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

获取CSS文件正确引用的一种惰性方法是在浏览器中打开它。然后，只需获取我们在其中看到的网址即可：

file:///blah/test.css

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

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

或者，或者就可以获取html文件的网址，然后对其进行修改以引用样式表。

然后，本地页面应该可以在本地样式表中正常加载。

回答

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

如果我们使用的是Windows，并且不想随意设置服务器，则可以获取XAMPP或者WAMPP之类的软件包，但请记住，这些软件包携带了PHP和MySQL的额外重量。尽管如此，如果我们有足够的空间，它们对于机器来说是一个非常简单的直接开发环境。

回答

我们可以但可能不想在文件头中按文件设置文档根目录：

<base href="my-root">