前端笔记_文件路径

这篇文章学习关于文件的路径使用，在实际使用中，文件路径分为:

• 相对路径
• 绝对路径

相对路径

相对路径的简单理解就是你这个文件所引用的资源，相对于你的这个文件所相对的位置。

而所引用的资源可以简单分为:

同一级引用方式

<img src="img.png">  #引用同一级文件

下一级引用方式

<img src="images/img.png"> #引用下一级文件

引用上一级文件

<img src="../images/img.png">  #引用上一级文件

相对路径简单归纳

• 同一级直接引用文件名即可
• 下一级使用/
• 上一级使用../

绝对路径

绝对路径就是直接引用文件的位置信息或者是他所在的链接位置。

使用方法

<img src="D\yiran\images\img.png" / > #文件具体位置

或者

<img src="https://xsunhua.cn/logo.png" / > #文件链接位置

绝对路径需要注意的点

在使用文件具体位置时，只能在同一个电脑位置生效，且所引用文件位置没有变化，否则也无法引用

好啦，这篇文章就学到这里啦！