为什么我的浏览器仍然可以打开不是通过静态文件服务器提供的 html 文件？

Question

只是想知道这是如何/为什么工作的，当我制作一个简单的 html 文件并链接一些 CSS，然后将我的 html 文件拖到浏览器中时，我不需要静态 Web 服务器来查看该文件。

为什么会这样..

我正在查看浏览器的网络选项卡，没有对 CSS 文件发出请求，并且我的浏览器仍然完美地显示它..

有没有办法在网络上没有静态文件服务器来处理 html、css、js 文件，就像将文件拖放到浏览器中一样？

只是回去询问基础知识..

提前致谢！

Answer 1

因为你的 CSS 文件的链接是相对的，并且你的 CSS 文件可以在本地访问。浏览器可用于访问本地文件，而不仅仅是 Internet 上的文件。

使用链接时，您可能只会看到引用的文件的名称，如下所示：

<a href="file.html">Link</a>

这称为“相对”链接。 file.html 相对于链接到它的文档所在的位置。在这种情况下，这两个文件将位于同一文件夹中。

还有第二种类型的链接，称为

absolute

URL，其中指定了完整路径。 考虑一个典型的

absolute

网站链接： <a href="http://website.com/file.html">Link</a>

对于本地文件，这基本上是：

<a href="file://[YOUR WEBSITE]/file.html">Link</a>

文件协议

可用于访问本地文件。 考虑到主页（大概是

index.html

）和

file.html

都位于 Web 服务器和本地计算机上的同一文件夹中，

<a href="file.html">Link</a>

适用于这两种情况。事实上，通过相对链接，第二个文件的位置是根据第一个文件的位置自动确定的。在我的示例中，

index.html

将位于

file://[YOUR WEBSITE]/index.html

，因此您的浏览器足够智能，知道在搜索任何相对 URL 时会查找

file://[YOUR WEBSITE]/

。请注意，相同的情况适用于任何其他文件！

<link>

和

<script>

标签将以完全相同的方式查找文件 - 包括您的样式表:)希望这有帮助！

Answer 2

这一切都与相对文件路径与绝对文件路径有关。

查看这些文章并享受编码的乐趣！永远记住，谷歌是你的朋友，改进你的搜索foo，你就不必问这样的问题了。

神速。

http://www.geeksengine.com/article/absolute-relative-path.html

http://www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/

如何在HTML中正确引用本地资源？