从硬盘驱动器打开文件到浏览器时,文档根目录在哪里?为了说明,给定以下HTML代码,如果页面是从本地计算机(file:///)
打开的,那么css
文件应该在哪里供浏览器查找?
<link href="/temp/test.css" rel="stylesheet" type="text/css" />
答案 0 :(得分:9)
你可以,但可能不想,在文件的头部按文件设置文档根目录:
<base href="my-root">
答案 1 :(得分:1)
这取决于您使用的浏览器,但是Internet Explorer会将您带到硬盘的根目录(例如C:/
),而Firefox等浏览器则不会执行任何操作。
答案 2 :(得分:1)
在Mac上,文档根目录是双击桌面主硬盘驱动器图标后出现的窗口中显示的内容。临时文件夹需要在那里供浏览器查找CSS文件,就像在代码中编写它一样。
实际上,您也可以编写如下代码:
<link href="file:///temp/test.css" rel="stylesheet" type="text/css" />
答案 3 :(得分:0)
Eric,文档根目录是文件所在的文件夹,无论它在哪里。
答案 4 :(得分:0)
就本地静态html而言,除非您指定它,否则大多数浏览器会将您正在查看的html文件的位置作为根。所以放在那里的任何css只能用它的名字来引用。
获取css文件的正确引用的懒惰方法是在浏览器中打开它。然后只需抓住你在那里看到的网址 - 例如:
file:///blah/test.css并将其复制到html上的样式表链接中:
<link href="file:///blah/test.css" rel="stylesheet" type="text/css">
或者你可以只获取html文件的url并修改它以引用样式表。
然后您的本地页面应该使用本地样式表加载。
答案 5 :(得分:0)
如果您对设置文档根目录感兴趣,可以考虑在计算机上安装Web服务器,或者,如果您已经安装了Web服务器(如Apache或IIS),则将项目开发中存储在该服务器的Web根目录(Apache中的htdocs,在IIS中并不完全确定)。如果您宁愿将文件保留在原来的位置,您可以设置虚拟主机,甚至将它们映射到您可以在浏览器中输入的地址(例如,我有一个local.mrwarshaw.com地址,解析为Web根目录我个人网站的开发文件夹)。
如果您使用的是Windows并且不想自己设置服务器,那么您可以获得XAMPP或WAMPP这样的软件包,但请记住,这些软件包带有额外的PHP和MySQL权重跟他们。尽管如此,如果你有空间,那么它们对于你的机器来说是一个非常简单的插入式开发环境。