细节知识点记录

1：相对路径

在前端html页面引用js,css,img等静态资源时，通常使用路径为相对路径。但之前对相对路径的认知和理解都停留在使用时的试错尝试，没有形成一套普遍适用的规则，便于深刻理解和实际中的快速运用。下面通过几个例子来得出规则：
ex1：
html页面路径：
D:\demo\admin\login.html
image路径：
D:\demo\admin\images\img1\003.png
在login.html引用003.png,正确写法是：src = "images/img1/003.png"
ex2:
html页面路径：
D:\demo\admin\pages\user\user.html
image路径：
D:\demo\admin\images\img1\003.png
在user.html引用引用003.png,正确写法是：src = "../../images/img1/003.png"

从上面两个例子可以看出对应规则：
1：先找到相同的最近的上层目录，上面两个例子是admin。
2：image路径admin目录下的images\img1\003.png就等同于xx.html，然后在数xx.html到admin目录下有几层目录，就对应几个 [ ../ ]。

图片.png