在網頁中書寫相對路徑:
使用被引用文檔或素材相對于當前頁面的相對路徑,例如,在網頁“/home/www/a/index.htm”引用素材“/home/www/a/images/a.jpg”,其相對路徑應該是“./images/a.jpg”或“images/a.jpg”。
在JS文件中書寫相對路徑:JS文件是指在頁面中引用的外部JavaScript文件,其中可能采用JavaScript代碼生成html代碼,由于生成的html代碼是嵌入在引用該JS文件的頁面中,因此,在描述相對路徑時,應該使用被引用的文檔或素材相對于引用JS文件的頁面之間的相對路徑。例如,文檔“/home/www/a/index.htm”中引用了JS文件“/home/www/a/js/hello.js”,而在該js中生成一段引用素材“/home/www/a/images/1.jpg”的html代碼,則在這段代碼中,其相對路徑應該是“./images/1.jpg”或“images/1.jpg”,而不能是“../images/1.jpg”。
在CSS文件中書寫相對路徑:CSS文件是指在頁面中引用的外部樣式定義文件,該文件通常用于定義頁面中各種html標記的顯示效果(例如文本的字體名稱、字體大小、縮進、邊距等),CSS文件中同樣可以引用外部的素材或文檔(例如設置某個DIV對象的背景圖片)。和JS文件不同,瀏覽器認為CSS文件也是一個獨立的文檔,因此,在CSS中對素材的引用可以通過計算素材文件和該CSS文件之間的相對路徑來實現,而與引用該CSS文件的頁面所在的位置無關。例如,文檔“/home/www/a/index.htm”中引用了CSS文件“/home/www/a/css/main.css”,而在該CSS中引用了素材“/home/www/a/images/1.jpg”,則在CSS中對于該素材引用的相對路徑應該是“../images/1.jpg”,而不能是“./images/1.jpg”或“images/1.jpg”。
在Flash中書寫相對路徑:Flash用于表現網頁中的某些動態效果,使用Flash的網頁往往更美觀,交互性更強。在Flash文件中,同樣可以引用外部的素材(例如,使用Flash制作一個精美的相冊),那么,應該如何在Flash中使用相對路徑引用外部素材呢?與JS文件類似,瀏覽器也不認為Flash文件是一個獨立的文檔,而是認為其是一個嵌入在頁面內的素材,因此,在Flash文件中引用素材時,同樣應該使用被引用的素材和嵌入Flash的html頁面之間的相對路徑。例如,文檔“/home/www/a/index.htm”中引用了Flash文件“/home/www/a/swf/main.swf”,而該Flash中引用了素材“/home/www/a/images/1.jpg”,則正確的相對路徑是“./images/1.jpg”或“images/1.jpg”,而不是“../images/1.jpg”。