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.htmlphp

相關文章
相關標籤/搜索