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

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

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

如：

a.html:     c:\test\menu\a.html

b.html:      c:\test\menu\a.html

a.html中引用b.html:

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

表示上级目录：

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

a.html:     c:\test\menu\menu2\a.html

b.html:      c:\test\menu\a.html

a.html中引用b.html:

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

a.html:     c:\test\menu\menu2\menu3\a.html

b.html:      c:\test\menu\a.html

a.html中引用b.html:

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

a.html:     c:\test\menu\menu2\a.html

b.html:      c:\test\menu\menu3\a.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中的路径引用采用了绝对路径。