<img src="skins/monobook/ask_button.gif"/>
和<img src="/skins/monobook/ask_button.gif"/>
之間有區別嗎?正確的方式寫入路徑以包含圖像
圖片不顯示在我的網站上。當我刪除/檢查元素它顯示,但如果我編輯文件並刪除/和重新加載頁面它認爲它認爲/是否存在。爲什麼?
我在一個文件擴展名/ file.php中,圖像位於文件/skins/monobook/ask_button.gif如何設置它爲正確的路徑?
<img src="skins/monobook/ask_button.gif"/>
和<img src="/skins/monobook/ask_button.gif"/>
之間有區別嗎?正確的方式寫入路徑以包含圖像
圖片不顯示在我的網站上。當我刪除/檢查元素它顯示,但如果我編輯文件並刪除/和重新加載頁面它認爲它認爲/是否存在。爲什麼?
我在一個文件擴展名/ file.php中,圖像位於文件/skins/monobook/ask_button.gif如何設置它爲正確的路徑?
文件在擴展/ file.php所以你需要再來一次,去兄弟路徑到達皮膚目錄,以便試試這個..
<img src="../skins/monobook/ask_button.gif"/>
你應該試試這個
<img src="~/skins/monobook/ask_button.gif"/>
而不是
<img src="../skins/monobook/ask_button.gif"/>
skins/monobook/ask_button.gif
和/skins/monobook/ask_button.gif
之間的區別在於前者是相對文件路徑(因此會查找與文件同級別的文件夾),而後者是絕對文件路徑(因此將查找網頁上的目錄例如,通常是Apache服務器的/www/
)。
如果要使用相對文件路徑遍歷目錄,則應使用../
,這將向上移動一個目錄(即父目錄)。您可以將它組合起來,遍歷所需的層次,例如../../
將向上移動兩個目錄。
例如,如果你的目錄樹是這個樣子:
www/
+---extension/
+---+---file.php
+---skin/
+---+---monobook/
+---+---+---ask_button.gif
那麼你應該使用../skin/monobook/ask_button.gif
,因爲你將不得不從file.php
導航一個級別,然後搜索skin/
文件夾同一級別。
但是,如果你的目錄樹是這個樣子:
www/
+---extension/
+---+---file.php
+---+---skin/
+---+---+---monobook/
+---+---+---+---ask_button.gif
然後skin/
處於同一水平file.php
,所以調用該文件中的圖像,您將需要使用相對路徑./skin/monobook/ask_button.gif
或簡單地skin/monobook/ask_button.gif
。
P/S:有一個short article out there簡潔地描述在CSS相對文件路徑。
比方說,您的網站的網址是http://localhost
您有一個名爲根「工作」的文件夾,因此文件夾網址將成爲http://localhost/work
和索引。該文件夾中的html文件是http://localhost/work/index.html
和index.css
文件也在該文件夾中。
如果index.html或index.css文件調用的image.jpg
這是在「工作」文件夾以及,
網址便可以只 - image.jpg
(相對於HTML或CSS文件,他們是在同一個文件夾)
或 - /work/imge.jpg
(相對於網站的網址http://localhost
, '/' 是指從根http://localhost
)
或啓動 - http://localhost/work/image.jpg
(image.jpg的絕對URL)
希望這有助於!
是否也在擴展文件夾中的皮膚文件夾?如果不是,則需要在皮膚文件夾之前添加../。 – Robin 2015-03-13 09:54:49
'extension /'和'skins /'文件夾之間有什麼關係? – Terry 2015-03-13 10:04:36