|
|
在我們平時(shí)使用計(jì)算機(jī)時(shí)要找到需要的文件就必須知道文件的位置，而表示文件的位置的方式就是路徑，例如只要看到這個(gè)路徑：c:/website/img/photo.jpg我們就知道photo.jpg文件是在c盤(pán)的website目錄下的img子目錄中。類(lèi)似于這樣完整的描述文件位置的路徑就是絕對(duì)路徑。我們不需要知道其他任何信息就可以根據(jù)絕對(duì)路徑判斷出文件的位置。而在網(wǎng)站中類(lèi)似以http://www.e3i5.NET/img/photo.jpg來(lái)確定文件位置的方式也是絕對(duì)路徑。
在網(wǎng)站的應(yīng)用中，通常我們使用"/"來(lái)表示根目錄，/img/photo.jpg就表示photo.jpg文件在這個(gè)網(wǎng)站的根目錄上的img目錄里。但是這樣使用對(duì)于初學(xué)者來(lái)說(shuō)是具有風(fēng)險(xiǎn)性的，因?yàn)橐肋@里所指的根目錄并不是你的網(wǎng)站的根目錄，而是你的網(wǎng)站所在的服務(wù)器的根目錄，因此當(dāng)網(wǎng)站的根目錄與服務(wù)器根目錄不同時(shí)，就會(huì)發(fā)生錯(cuò)誤。
相對(duì)路徑：
分析一下為什么會(huì)發(fā)生圖片不能正常顯示的情況。舉一個(gè)例子，現(xiàn)在有一個(gè)頁(yè)面index.htm,在這個(gè)頁(yè)面中聯(lián)接有一張圖片photo.jpg。他們的絕對(duì)路徑如下：
c:/website/index.htm
c:/website/img/photo.jpg
如果你使用絕對(duì)路徑c:/website/img/photo.jpg，那么在自己的計(jì)算機(jī)上將一切正常，因?yàn)榇_實(shí)可以在指定的位置即c:/website/img/photo.jpg上找到photo.jpg文件，但是當(dāng)你將頁(yè)面上傳到網(wǎng)站的時(shí)候就很可能會(huì)出錯(cuò)了，因?yàn)槟愕木W(wǎng)站可能在服務(wù)器的c盤(pán)，可能在d盤(pán)，也可能在aa目錄下，更可能在bb目錄下，總之沒(méi)有理由會(huì)有c:/website/img/photo.jpg這樣一個(gè)路徑。那么，在index.htm文件中要使用什么樣的路徑來(lái)定位photo.jpg文件呢？對(duì)，應(yīng)該是用相對(duì)路徑，所謂相對(duì)路徑，顧名思義就是自己相對(duì)與目標(biāo)位置。在上例中index.htm中聯(lián)接的photo.jpg可以使用img/photo.jpg來(lái)定位文件，那么不論將這些文件放到哪里，只要他們的相對(duì)關(guān)系沒(méi)有變，就不會(huì)出錯(cuò)。
另外我們使用“../”來(lái)表示上一級(jí)目錄，“../../”表示上上級(jí)的目錄，以此類(lèi)推。（學(xué)習(xí)過(guò)dos的朋友可能更容易理解）
再看幾個(gè)例子，注意所有例子中都是index.htm文件中聯(lián)接有一張圖片photo.jpg。
例：
c:/website/web/index.htm
c:/website/img/photo.jpg
在此例中index.htm中聯(lián)接的photo.jpg應(yīng)該怎樣表示呢？
錯(cuò)誤寫(xiě)法：img/photo.jpg
這種寫(xiě)法是不正確的，在此例中，對(duì)于index.htm文件來(lái)說(shuō)img/photo.jpg所代表的絕對(duì)路徑是：c:/website/web/img/photo.jpg，顯然不符合要求。
正確寫(xiě)法：使用../img/photo.jpg的相對(duì)路徑來(lái)定位文件
例：
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg
在此例中index.htm中聯(lián)接的photo.jpg應(yīng)該怎樣表示呢？
錯(cuò)誤寫(xiě)法：../img/images/photo.jpg
這種寫(xiě)法是不正確的，在此例中對(duì)于index.htm文件來(lái)說(shuō)../img/images/photo.jpg所代表的絕對(duì)路徑是：c:/website/web/img/images/photo.jpg。
正確寫(xiě)法：可以使用../../img/images/photo.jpg的相對(duì)路徑來(lái)定位文件
例：
c:/website/web/xz/index.htm
c:/website/web/img/photo.jpg
在此例中index.htm中聯(lián)接的photo.jpg應(yīng)該怎樣表示呢？
錯(cuò)誤寫(xiě)法：../../img/photo.jpg
這種寫(xiě)法是不正確的，在此例中對(duì)于index.htm文件來(lái)說(shuō)../../img/photo.jpg所代表的絕對(duì)路徑是：c:/website/img/photo.jpg。
正確寫(xiě)法：可以使用../img/photo.jpg的相對(duì)路徑來(lái)定位文件
總結(jié)：通過(guò)以上的例子可以發(fā)現(xiàn)，在把絕對(duì)路徑轉(zhuǎn)化為相對(duì)路徑的時(shí)候，兩個(gè)文件絕對(duì)路徑中相同的部分都可以忽略，不做考慮。只要考慮他們不同之處就可以了。
HTML/CSS技術(shù)：相對(duì)路徑與絕對(duì)路徑的區(qū)別，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
