html中的相對路徑問題


比如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">即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM