文件引用--相对路径与绝对路径

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

         以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根目录下

原文地址:https://www.cnblogs.com/jiechn/p/4387632.html