相对路径和绝对路径的区别和写法。
作为一个站长,肯定要了解一点html的基础知识的。有的时候我们想修改一下网站的模板文件,这个时候就可能用到相对路径的写法。因为很多的模板作者都写的是相对路径。
想要修改相对路径,就收首先要看懂原来的相对路径都代表什么含义,下面就让我们来看一下相对路径和绝对路径的区别和写法。
表示文件路径的方式有两种,相对路径和绝对路径。在网页设计中通过路径可以表示链接,插入图像、Flash、CSS文件的位置。
相对路径:以当前文件所在位置为参考点,而建立出的目录路径。
绝对路径:以Web站点根目录为参考点的目录路径。不管怎么引用,都只有一个url,比如https://www.dreams-true.com
相对路径:
表示同级目录文件的引用
如上图所示路径,2.html和3.html在同一个文件夹下, 如果2.html链接到3.html,可以在2.html中这样写:
<a href="3.html">同目录下文件间的引用</a>
表示上级目录的引用的写法
1.html是2.html和3.html的上级目录中的文件,如果2.html或3.html链接到1.html,可以在2.html或3.html中这样写
<a href="../1.html">链接到上级目录中的文件</a>
../ 代表一级上级目录(间隔一个目录) ../../代表二级上级目录(间隔两个目录),比如4.html链接到1.html,可以在4.html中这样写
<a href="../../1.html">链接到上级目录的上级目录中的文件</a>
表示下级目录的文件
2.html和3.html是1.html的下级目录中的文件,如果在1.html中链接到2.html, 可以在1.html中这样写
<a href="first/2.html">链接到下级目录(first)中的文件</a>
如果在1.html中链接到4.html,可以在1.html中这样写
<a href="first/second/4.html">链接到下级目录(first/second/)中的文件</a>
绝对路径:
绝对路径就很简单,只要引用url就可以了,就是直接把网址玩不复制过来就可以了。我想站在朋友们都会使用。这里就不在多说了。
最后,梦想之路记录写这篇文章也就是做个记录,方便以后用的时候查阅。要不然时间长了容易忘记。