相對路徑和絕對路徑的問題

時間 2019-11-12

標籤相對路徑絕對問題简体版

原文原文鏈接

咱們在寫網頁的時候，文件的路徑很是重要，由於若是錯誤的時候，咱們就調用不到咱們所須要的文件或是圖片，今天ＡＳ老師講到了這個問題，我正好也總結一下這個路徑問題在html頁面中的重要性，這個對於初學者來講是個很容易糾結的問題。html

相對路徑：指的是當前操做文件相對於所須要引用的的文件的路徑；也就是相對於目標文件位置；瀏覽器

例如：服務器

 <!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <img src="001.jpg"/>
</body>
</html>

在這種狀況下引用「001.jpg",要想正確顯示，代表咱們所建的這個html頁面和該圖片存儲在同一個文件夾下；網站

當所建html頁面和圖片在同一文件夾下時，如html的路徑爲：E：/project/html/1.html,而圖片的路徑爲：E：/project/images/001.jpg/時，也就是在相對於html頁面來講，它在其所在目錄的上級目錄裏的「images」子目錄裏，此時應該用spa

<img src="../images/.jpg/>

其中"../"表示上級目錄；當圖片的路徑爲 E：/project/時，也用code

<img src="../images/.jpg/>

由於相對於html來講，圖片001.jpg就在它所在目錄的上級目錄裏；若是在多個上級中，則應該用../../;htm

絕對路徑：指的是文件在電腦中存的真正的完整的路徑，如，圖片

E：/project/html/1.html/；但絕對路徑在網頁中並不經常使用，由於咱們電腦上存儲的圖片或許能正常顯示，但在Web服務器上時，可能整個網站並無放在Web服務器的E盤，有多是D盤或H盤。即便放在Web服務器的E盤裏，Web服務器的E盤裏也不必定會存在「E：/project/html/1.html」這個目錄，所以在瀏覽網頁時是不會顯示圖片的。it

總結：相對路徑來講，總的來講包括3種狀況：class

<img src="../images/.jpg/>
<img src="001.jpg"/>
<img src="images/001.jpg/>

還有若是咱們要引用瀏覽器中的圖片，須要將圖片的地址寫清楚，而不須要糾結相對路徑和絕對路徑的問題，如：

<img src=" /">

這就將瀏覽器中隨便的一張圖片引用到網頁中了；

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。