1. 程式人生 > >html代碼中本地路徑裏斜杠 / 和反斜杠 的區別

html代碼中本地路徑裏斜杠 / 和反斜杠 的區別

地址欄 web應用 相對 php 目錄 www. pad 如果 eat

總結: 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

html代碼中本地路徑裏斜杠 / 和反斜杠 \ 的區別