URL路徑分析和相對路徑問題

爲什麼寫這篇文章呢,因爲在解析html或者css遇到不少路徑問題,例如遇到…/或者./等路徑需要把其轉化爲項目地址在瀏覽器訪問

路徑表示方式(6種)

在html或者css當中,表示路徑的方法大概分類6類。(目前所遇如果有其他表示方法歡迎各位來評論區,拋磚引玉哈)

  1. 以http:或者https:開頭的。例如http:www.baidu.com,該類地址無需拼裝即可直接訪問。
  2. 以//(雙斜槓)開頭的。例如//g.csdnimg.cn/baidu-search/1.0.0/baidu-search.js,該類地址也可以直接訪問的。意思是根據當前頁面的請求協議在頭部自動加上url協議。用來處理網站使用的協議和網頁請求外網資源協議不一致。
  3. 以./開頭,表示當前路徑。假設當前網址爲http://www.baidu.com/CRM/css/cool.css。那麼當前路徑爲
    http://www.baidu.com/CRM/css。
  4. 以…/開頭,表示上一級路徑。還是上面的地址,那麼上一級路徑爲http://www.baidu.com/CRM。注意假設當前有個地址是:…/…/…/…/index.html,那麼他的地址依然是www.baidu.com/index.html。即不管你有多少層的../,最高一級目錄都是主機號。(意義:在解析這類有../上一級的地址時候,不能單純迭代往上找目錄,而是應該當找到host目錄時,直接跳出節省時間)
  5. 直接以路徑開頭,例如css/index.html。這類同等於./,即當前路徑。
  6. 以/(斜槓)開頭的,證明在根目錄下面。例如有/index.html,那麼他的地址爲www.baidu.com/index.html。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章