html里面的相对路径和绝对路径

  HTML有两种路径的写法:相对路径和绝对路径。

相对路径是在同一个目录的文件引用,如果源文件和引用文件在同一个目录里,直接写引用文件名即可。

如:

a.html:     c: estmenua.html

b.html:      c: estmenua.html

a.html中引用b.html:

<a href="b.html">b.html</a>

表示上级目录:

../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

a.html:     c: estmenumenu2a.html

b.html:      c: estmenua.html

a.html中引用b.html:

<a href="../b.html">b.html</a>

a.html:     c: estmenumenu2menu3a.html

b.html:      c: estmenua.html

a.html中引用b.html:

<a href="../../b.html">b.html</a>

a.html:     c: estmenumenu2a.html

b.html:      c: estmenumenu3a.html

a.html中引用b.html:

<a href="../menu3/b.html">b.html</a>

绝对路径:

指带域名的文件的完整路径。

注册了域名并申请了虚拟主机,虚拟主机提供商会给一个目录,比如www.abc.net,

www根目录下放一个文件index.html,这个文件的绝对路径就是http://www.abc.net/index.html。根目录下可以创建子目录,子目录里面放文件。

在实际使用中会发现,css和js中调用url路径时是不一样的。css中采用相对路径的时候,其调用的基准是css文件的所在路径,而js采用相对路径时,其路径是以导入js文件的网页所在位置为基准的。因此,对于js采用相对路径需要多加考虑,大多情况下,js中的路径引用采用了绝对路径。

原文地址:https://www.cnblogs.com/lionisnotkitty/p/6038787.html