文件的路径

有两种路径

1.绝对路径

为什么称为绝对，因为当所有网页引用同一个文件时，所使用的路径都是一样的。

• 一个完整网址 (URL)
• 项目的根目录 (一个文件夹当作是一个网站放到服务器上面时，这个文件夹也可以理解为是一个项目，这个文件夹的一级目录，就是根目录)

<a href="http://www.baidu.com">百度</a>

这里的http://www.baidu.com就是绝对路径，无论在哪个页面写a标签引入这个URL，跳转都是到百度

<img src="https://img0.baidu.com/it/u=3134836020,3279638794&fm=26&fmt=auto&gp=0.jpg" />

这里的https://img0.baidu.com/it/u=3134836020,3279638794&fm=26&fmt=auto&gp=0.jpg就是绝对路径，无论在哪个页面写img标签引入这个图片地址，都是这个图片

2.相对路径

相对路径：相对于当前页面的文件。

<a href="./about.html">关于我</a>

在本例中，文件路径指向了位于当前文件夹的about.html文件

总结：相对路径和绝对路径的区别就是，参照物不同。

路径特殊符号

以下为建立路径所使用的几个特殊符号，及其所代表的意义。

"./"        代表目前所在的目录，相对路径。            如：<a href="./abc">文本</a> 或 <img src="./abc" />
"../"       代表上一层目录，相对路径。                如：<a href="../abc">文本</a> 或 <img src="../abc" />
"../../"   代表的是上一层目录的上一层目录，相对路径。 如：<img src="../../abc" />


"/"        代表根目录,绝对路径。                     如：<a href="/abc">文本</a> 或 <img src="/abc" />

总结来说，绝对路径和相对路径的不同，就是参照点不同，绝对路径的参照点是网站的根目录， 相对路径是以自身网页为参照点