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

时间:2017-01-18 03:12:17

标签: html static server

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

为什么会这样......

我正在查看浏览器的网络标签,并且没有请求css文件,我的浏览器仍然可以完美地显示它。

对于html,css,js文件,有没有办法在网络上没有静态文件服务器,比如将文件拖放到浏览器中?

回到这里请求基础知识..

提前致谢!

2 个答案:

答案 0 :(得分:1)

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

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

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

这称为 relative 链接。 file.html与链接到它的文档无关。在这种情况下,这两个文件将位于同一文件夹中。

第二种类型的链接,称为绝对 URL,其中指定了完整路径。

考虑典型的绝对网站链接:

<a href="http://website.com/file.html">Link</a>

使用本地文件,这基本上是:

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

file protocol可用于访问本地文件。

考虑到主页(可能是index.html)和file.html将同时存在于Web服务器和本地计算机上的同一文件夹中,<a href="file.html">Link</a>将适用于任一情况。实际上,通过相对链接,基于第一文件的位置自动确定第二文件的位置。在我的示例中,index.html将位于file://[YOUR WEBSITE]/index.html,因此您的浏览器非常智能,可以在搜索任何相对网址时查看file://[YOUR WEBSITE]/

请注意,相同的方案适用于任何其他文件! <link><script>代码会以完全相同的方式查找文件 - 包括样式表:)

希望这有帮助!

答案 1 :(得分:1)

听起来您不熟悉HTML和Web开发。

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

查看这些文章并获得有趣的编码!永远记住Google是你的朋友,改善你的搜索,你不必提出这样的问题。

上帝的速度。

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

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

How to properly reference local resources in HTML?