只是想知道如何/为什么这样做,当我制作一个简单的html文件并链接到某个css,然后将我的html文件拖到浏览器中时,我不需要静态Web服务器来查看该文件。
为什么会这样......
我正在查看浏览器的网络标签,并且没有请求css文件,我的浏览器仍然可以完美地显示它。
对于html,css,js文件,有没有办法在网络上没有静态文件服务器,比如将文件拖放到浏览器中?
回到这里请求基础知识..
提前致谢!
答案 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/