1. 程式人生 > >html中的相對路徑問題

html中的相對路徑問題

html bsp src 標簽 nbsp html中 htm 文件 使用

比如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中的相對路徑問題