zoukankan      html  css  js  c++  java
  • 文件引用--相对路径与绝对路径

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

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

  • 相关阅读:
    微信小程序反编译
    Mac 绑定Gitlab或者GitHub帐号,从新生成公钥
    Vue调试工具vue-devtools安装及使用
    NPM和Yarn添加淘宝镜像
    权限菜单设计
    Axure RP 7.0注册码
    Mac用户抓包软件Charles 4.0 破解 以及 抓取Https链接设置
    [转]c++导出函数dll供c#调用
    ef(EntityFramework)动态传递数据库连接字符串
    [转]sqlserver查询系统表统计表行数和占用空间
  • 原文地址:https://www.cnblogs.com/jiechn/p/4387632.html
Copyright © 2011-2022 走看看