2016-11-09 90 views
0

我有一個名爲'html_playground'的文件夾'www'內的文件夾,這是我Wampserver的Web根目錄。爲什麼圖像源中的正斜槓不起作用?

目錄內的「html_palyground」我已經機管局文件名爲「demo.html」包含以下HTML代碼:

<!DOCTYPE html> 
<html> 
<body> 

<img src="/images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;"> 

</body> 
</html> 

裏面的文件夾「html_playground」有一個標題爲另一個文件夾「圖像」包含名爲「html5.gif」圖像文件

當我打的網址http://localhost/html_playground/demo.html在我的瀏覽器,我無法看到圖像HTML5。 gif。爲什麼這樣?

然後我試着用下面的HTML代碼:

<img src="images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;"> 

然後起身顯示的圖像。

所以,我的問題是爲什麼當我在src屬性值的開頭添加正斜槓時它不起作用?我在src屬性的值的開頭添加了一個正斜槓,我犯了什麼錯誤?

什麼時候應該在圖像標籤的src屬性的值的開頭轉發斜槓?

有人請幫幫我。

感謝。

回答

2

開頭的正斜槓指示,正如你在評論這對應於文件系統上的WWW /目錄中提到的解決上http://localhost/

相對於Web根目錄的路徑瀏覽器。所以/html_playground/images/html5.gif應該工作

基本上正斜槓只是將指定的路徑附加到域。

0

圖像/ html5.gif

上述命令表明它是從現有的目錄相對路徑。

如果你給/圖像;它把它作爲一個基本目錄(這就像絕對路徑)

0

您可以嘗試./images/html5.gif還有:領先斜線讓你的路徑絕對當它是相對www/html_playground

而且你必須是小心絕對路徑和實驗,以確切知道什麼是根:文件系統,www ...它可以依賴於網絡服務器。

1

問題是當源路徑中存在正斜槓時,它將相對於當前目錄得到解析。所以它變成http://localhost/html_playground/images/html5.gif。當沒有正斜槓時,它將相對於根進行解析。

相關問題