相對路徑

相對/絕對路徑
顧名思義,相對路徑是相對於當前文件的路徑。一般是較簡短的,那麼我們爲什麼不直接使用絕對路徑,也就是文件存放的真實路徑,例如:C:\Microsoft\test.txt。

爲什麼要用相對路徑?

  • 當我們把整個程序移動位置時,其中的鏈接還是會指向正確的URL
  • 測試方法比較靈活,本機測試時比較方便

那麼絕對路徑也有相對的優勢:

  • 如果其中的部分網頁改變位置,其中的鏈接還會指向正確的URL
  • 如果有人抄襲你的網站,裏面的URL地址還是你的路徑
相對路徑的使用
  • /

    根目錄
  • ./

    代表當前目錄,連寫:././無意義
  • ../

    代表父級目錄,連寫:向上追溯兩級目錄
  • 只寫文件名

    效果等同於./
舉個栗子

栗子一
../舉例
這中情況下應該使用以下引用方式,因爲img是js文件夾下的js文件的父級,需要使用父級目錄。

../img//01.jpg

栗子二

在這裏插入圖片描述

這種情況下,文件與img文件夾是同級,所以html文件訪問img下的圖片使用./即可。

在這裏插入圖片描述

"/"與"\"
  • 瀏覽器地址欄網址使用斜槓/

  • windows文件瀏覽器使用反斜槓\

  • 出現在html中的url是網絡路徑,必須用斜槓/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章