绝对路径——指带域名的文件的完整路径。
以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。
相对路径——
以引用文件(网页)所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。
绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径。
引用:
同目录文件引用
"."——代表目前所在的目录。
<a href = "./index.html">index.html</a> 其实,可以省略"./"直接引用。
<a href = "index.html">index.html</a>
上级目录引用
../表示源文件所在目录的上一级目录,
../../表示源文件所在目录的上上级目录,以此类推。
几个常用符号的不同:
@1 / 当前网站根目录。
@2 ./ 当前文件根目录(当期文件的目录)
@3 ../ 当前文件上级目录
例如:
1.href="cp/images/lis.jpg" 相对路径 去当前文件同级下的cp/images/lis.jpg定位资源
2. href="./cp/images/lis.jpg" 等同于1 可以省略 ./
3. href="../cp/images/lis.jpg" 去当前文件上级目录下的cp/images/lis.jpg定位资源
4. href="/cp/images/lis.jpg" 绝对路径 cp前面/会获取当前根目录路径,组合成一个完整路径 去定位资源
<a href="/">首页</a> 代表直接回到web根目录下