网页中的相对路径和绝对路径

路径

在前端页面中，图片会非常的多，通常我们会新建一个文件夹来存放这些图像文件images，这时候在查找图像时就需要通过路径来描述图像文件的位置。

路径可以分成，相对路径和绝对路径

相对路径

概述：相对路径是只有这个文件所在位置为参考基础，而建立初的目录关系，常用的相对路径包括当前目录，上一级目录，下一级目录

• 当前目录
  • 语法：一个点（.）后面跟一个斜杠表示当前目录也就是当前文件所在目录。    

<img src="pic.png" alt="">
<img src="./pic.png" alt="">     <!-- ./ 可以省略 -->

• 上一级目录
  • 语法：两个点（.）后跟一个斜杠表示当前文件所在目录的上一级目录        

 <img src="../pic2.png" alt="">

•  下一级目录
  • 语法：一个斜杠，表示图像文件位于HTML文件下一级

<img src="images/pic3.png" alt="">

 绝对路径

绝对路径文件在目录中的绝对位置完整描述，常见的绝对路径是一种尤其在网络上的绝对位置定义的位置，一种是本地从盘符出发的绝对位置

• 网络绝对位置
  • 语法：包括协议和域名：如https://img0.baidu.com/it/u=4103295900,1685467048&fm=26&fmt=auto&gp=0.jpg
• 本地绝对位置
  • 语法：D盘下webset文件夹下的image文件夹中的denglun.png描述为：

<img src="D:\webset\images\denglun.jpg" alt="">

• 特点：绝对URL始终指向同一位置，无论在何处使用 

注意：在链接到同一网站被的其他位置时，应尽可能使用相对链接。链接到另一个网站时，需要使用绝对链接。