html代码中本地路径里斜杠 / 和反斜杠 \ 的区别

总结: windows和unix,linux本地路径里的 / 和 \

在html代码里:

错误文件路径:
windows         只使用一个 \  是不识别的,  src='D:\个人\图片\2.jpg'
unix和linux     只使用 两个 / 是不识别的,  src='//home/zjr/Desktop/img/2.jpg

正确文件路径:
除了以上情况, 在使用本地路径的情况下:   随便使用 / 和 \ 组合都不会错

例:
windows:
src='D:\\\\个人\\\图片\\2.jpg
src='D:/\个人/\图片/\2.jpg   ( 这种错误 )
src='D:\/个人\/图片\/2.jpg
src='D:////个人///图片\\\\2.jpg
......
unix/linux:
src='\\home/zjr/Desktop/img/2.jpg
src='\\\home\\\\zjr/Desktop/img/2.jpg
src='///home/zjr/Desktop/img/2.jpg
src='\\\home/zjr/////////////Desktop/img/2.jpg'
src='/\home\/zjr/Desktop/img/2.jpg';
.......
感兴趣的读者可以自行验证

建议:   在html中用 一个 / 作为本地路径或者网络路径分隔符

路径中使用斜杠/和反斜杠\的区别

        Unix使用斜杆/ 作为路径分隔符,而web应用最新使用在Unix系统上面
所以目前所有的网络地址都采用 斜杆/ 作为分隔符。

        Windows由于使用 斜杆/ 作为DOS命令提示符的参数标志了,为了不混淆,所以采用 反斜杠\ 作为路径分隔符。
所以目前windows系统上的文件浏览器都是用 反斜杠\ 作为路径分隔符。随着发展,DOS系统已经被淘汰了,命令提示符也用的很少,斜杆和反斜杠在大多数情况下可以互换,没有影响。

知道这个背景后,可以总结一下结论:
(1)浏览器地址栏网址使用 斜杆/ ;

(2)windows文件浏览器上使用 反斜杠\ ;

(3)出现在html url() 属性中的路径,指定的路径是网络路径,所以必须用 斜杆/ ;
<div style=' background-image:url(/Image/Control/title.jpg); background-repeat:repeat-x; padding:10px;'' ></div>
// 如果url后面用反斜杠,就不会显示任何背景

(4)出现在普通字符串中的路径,如果代表的是windows文件路径,则使用 斜杆/ 和 反斜杠\ 是一样的;
如果代表的是网络文件路径,则必须使用 斜杆/ ;

<img src='.\Image/Control/ding.jpg' />         // 本地文件路径,/ 和 \ 是等效的
<img src="./Image\Control\cai.jpg" />
<img src="https://cache..com/upload/information/20200311/53/209197.jpg" />
// 网络文件路径,一定要使用 斜杆/

相对路径和绝对路径。

./SRC/  这样写表示,当前目录中的SRC文件夹;

 ../SRC/  这样写表示,当前目录的上一层目录中SRC文件夹;

/SRC/   这样写表示,项目根目录(可以只磁盘根目录,也可以指项目根目录,具体根据实际情况而定)

参考总结: https://www.cnblogs.com/pxh-phper/p/6231294.html