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.yisu.com/upload/information/20200311/53/209197.jpg" />
// 網絡文件路徑，一定要使用 斜桿/

相對路徑和絕對路徑。

./SRC/  這樣寫表示，當前目錄中的SRC文件夾；

 ../SRC/  這樣寫表示，當前目錄的上一層目錄中SRC文件夾；

/SRC/   這樣寫表示，項目根目錄（可以只磁盤根目錄，也可以指項目根目錄，具體根據實際情況而定）

參考總結: https://www.cnblogs.com/pxh-phper/p/6231294.html