HTML之絕對路徑與相對路徑
阿新 • • 發佈:2019-02-07
http 引用 一中 uil 註意 htm -s 路徑 html中
路徑指文件存放的位置,在網頁中利用路徑可以引用文件,插入圖像、視頻等。表示路徑的方法有兩種:相對路徑,絕對路徑。以下討論均是在HTML環境下進行。
相對路徑
相對路徑是指目標相對於當前文件的路徑,網頁結構設計中多采用這種方法來表示目標的路徑。相對路徑有多種表示方法,其表示的意義不盡相同。表示方法如下:
./ :代表文件所在的目錄(可以省略不寫)
../ :代表文件所在的父級目錄
../../ :代表文件所在的父級目錄的父級目錄
/ :代表文件所在的根目錄
值得註意的是,(/ :代表文件所在的根目錄)其實可以理解成項目內部的絕對路徑。
圖1:項目目錄結構
以圖1所示項目目錄結構為例,如果要在test.html中引入000.css,可以有以下寫法:
1、<linkhref="./css/css1/000.css"/> (./可以省略)
2、<link href="/html/css/css1/000.css"/>
3、<link href="../html/css/css1/000.css"/>
絕對路徑
絕對路徑是指完整的網址,假設圖一中項目的網站域名為www.test.com,那麽000.css的絕對路徑應該是
https://www.test.com/HelloHBuilder/html/css/css1/000.css。
相對路徑與絕對路徑的優缺點
HTML之絕對路徑與相對路徑