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="http://hiphotos.baidu.com/yuhua522/pic/item/01a949c67e1023549c163df2.jpg" />
// 網絡文件路徑,一定要使用 斜杆/

相對路徑和絕對路徑。

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

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

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章