html中的相對路徑問題

標籤：寫作   另一個   相對   返回   怎麼辦   引入   標籤   alt   dem   

比如html中想使用<img>標籤來引入一個圖片，那圖片的引用src屬性就涉及到一個路徑問題。

相對路徑指的是什麼呢？指的就是相對於當前資源（當前資源現在指的就是html檔案的位置）所在目錄的位置。

 

 

1.比如一個檔案夾叫hello

　　　　裡面的檔案一個叫demo.html

　　　　　　　　　　另一個叫2.jpg

則在demo.html中引用2.jpg檔案時就可以直接寫<img src="2.jpg" alt="這是一隻大松樹">,因為2.jpg現在相對於demo.html（當前資源）所在的目錄hello,是直接在檔案夾中的，所以正確。

2、當不在一個目錄下時，怎麼辦?比如此時有了另一個檔案夾world與hello檔案夾並列，2.jpg此時位於world檔案夾中，此時該如何引用呢？

答案：      ../可以返回上一級目錄，需要返回幾級目錄就寫幾個../

此時可以寫作<img src="../world/2.jpg">即可。

html中的相對路徑問題