路径

路径指的是查找文件时, 从起点到终点经历的路线

路径分类:

• 相对路径: 从当前文件位置出发查找目标文件
• 绝对路径: 从盘符出发查找目标文件
  • Windows电脑从盘符出发
  • Mac电脑从根目录出发

大多数情况都是使用相对路径来查找文件

相对路径的写法

/: 表示进入某个文件夹里面

.: 表示当前文件所在的文件夹

..: 表示当前文件的上一级文件夹

例子

文件夹结构:

• /根目录
  • /images
    • /2.png
    • /网页2.html
  • /网页1.html
  • /1.png

网页1读取1.png

<img src="1.png">
<img src="./1.png">
<!-- 两种都可以 -->

网页1读取2.png

<img src="images/2.png">
<img src="./images/2.png">
<!-- 两种都可以 -->

网页2读取1.png

<img src="../1.png">

网页2读取2.png

<img src="2.png">
<img src="./2.png">
<!-- 两种都可以 -->

绝对路径的写法

<img src="C:\images\1.png">
<img src="C:/images/1.png">
<!-- 在线链接也算是绝对路径 -->
<img src="//api.elake.top/Logo/">

Windows 默认是\, 其他系统是/, 建议统一使用/

除了在线链接之外, 尽量不要使用绝对路径, 因为目录结构只在自己电脑生效, 如果分享给了别人, 别人的目录结构和你的不相符, 就无法显示了