路径相关知识

路径的书写方式

1. 相对路径的书写方式
   (1) 与“当前文件”同级，可以使用“./”，其中“./”可以省略。
   (2) 与“当前文件”不同级，书写方式如下：
   a) 当目标文件在“当前文件”上一级时，可以使用“…/”，每一个“…/”代表往上找一级。
   b) 当目标文件在“当前文件”所在级别的下面时，可以从当前级别往下查找。
   c) 根路径“/”（了解即可）
   实际开发中，项目通常是在服务器环境下启动，此时在页面中，可能会看到这样的路径“/img/1.jpg”，它的含义是相当于当前项目的根路径去寻找目标文件。如果当前根路径是“http://127.0.0.1:5500”，那么“/img/1.jpg”实际代表的路径是“http://127.0.0.1:5500/img/1.jpg”。
2. 绝对路径的常见写法：
   a) 盘符形式的绝对路径，比如 C:\Users\admin\Desktop\project\source\img\1.png。
   b) url 地址形式的绝对路径，比如：https://www.baidu.com/index.css。

使用路径时的注意事项

1. 项目中，尽量不要使用盘符形式的绝对路径。
   路径从 a 电脑中访问是正确的，但是如果从 a 电脑中拷贝到 b 电脑中，如果盘符或路径不同，那么原来的路径就是错误的

2. 尽量少用“/”开头的路径
   当项目运行在服务器环境下时，“/”这个地址才能正常使用。如果项目是直接通过双击 html 文件打开的，此时会造成文件找不到图片而报错

3. 路径中的正斜杠“/”与反斜杠“\”
   window 系统中，盘符使用的是反斜杠：C:\User\Desktop\project
   mac 系统中，盘符使用的是正斜杠：/users/Doc
   为了统一书写方式，建议路径中都使用正斜杠“/”