项目场景：
在学习HTML中，遇到了一些路径相关的问题，进行deBug。本品文章包括相对路径，绝对路径。
问题描述
图片数据传输过程中网页找不到图片的问题，偶尔会丢失一部分数据
APP 中接收数据代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>标签</title>
<script src="img\sm.jpg"></script>
</head>
<body>
<img src="img\sm.jpg" width="50" height="50">
<!-- 设置导入图片的路径，并设置高度，宽度均为50 -->
<br>
<br>
<img src="https://img-home.csdnimg.cn/images/20201124032511.png" title="CSDN">
<!-- Src引用网络图片，当鼠板悬停图片时，显示title -->
</body>
</html>
原因分析：
图片路径不对，所以导致寻找不到图片
相对路径
相对路径是：以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。
以下为建立路径所使用的几个特殊符号，及其所代表的意义。
“./” 代表目前所在的目录。
“../” 代表上一层目录。
“/” 代表根目录。
绝对路径
其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同。由于对网站上所有文件而言，根目录这个参考点对所有文件都是一样的，因此，运用以根目录为参考点的路径描述方式才会被称之为绝对路径。
—
解决方案：
在相对路径前添加相应的目录标签
<img src="..\img\sm.jpg" width="50" height="50">
版权声明：本文为w1404273025原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。