相對路徑※絕對路徑
2005/1/8 14:22:27
如果您剛剛開始接觸網(wǎng)頁設計,是不是經(jīng)常發(fā)生這樣的問題呢?做好的網(wǎng)頁在自己機器上可以正常瀏覽,而把頁面?zhèn)鞯椒掌魃暇涂偸浅霈F(xiàn)看不到圖片,css樣式表失效等錯誤。這種情況下多半是由于你使用了錯誤的路徑,在應該使用相對路徑的地方使用了絕對路徑,導致瀏覽器無法在指定的位置打開指定的文件。
下面我們就來談一下最讓初學者頭疼的相對路徑與絕對路徑的區(qū)別問題。
什么是絕對路徑:
大家都知道,在我們平時使用計算機時要找到需要的文件就必須知道文件的位置,而表示文件的位置的方式就是路徑,例如只要看到這個路徑:c:/website/img/photo.jpg我們就知道photo.jpg文件是在c盤的website目錄下的img子目錄中。類似于這樣完整的描述文件位置的路徑就是絕對路徑。我們不需要知道其他任何信息就可以根據(jù)絕對路徑判斷出文件的位置。而在網(wǎng)站中類似以http://www.pckings.net/img/photo.jpg來確定文件位置的方式也是絕對路徑。
另外,在網(wǎng)站的應用中,通常我們使用"/"來表示根目錄,/img/photo.jpg就表示photo.jpg文件在這個網(wǎng)站的根目錄上的img目錄里。但是這樣使用對于初學者來說是具有風險性的,因為要知道這里所指的根目錄并不是你的網(wǎng)站的根目錄,而是你的網(wǎng)站所在的服務器的根目錄,因此當網(wǎng)站的根目錄與服務器根目錄不同時,就會發(fā)生錯誤。
什么是相對路徑:
讓我們先來分析一下為什么會發(fā)生圖片不能正常顯示的情況。舉一個例子,現(xiàn)在有一個頁面index.htm,在這個頁面中聯(lián)接有一張圖片photo.jpg。他們的絕對路徑如下:
c:/website/index.htm
c:/website/img/photo.jpg
如果你使用絕對路徑c:/website/img/photo.jpg,那么在自己的計算機上將一切正常,因為確實可以在指定的位置即c:/website/img/photo.jpg上找到photo.jpg文件,但是當你將頁面上傳到網(wǎng)站的時候就很可能會出錯了,因為你的網(wǎng)站可能在服務器的c盤,可能在d盤,也可能在aa目錄下,更可能在bb目錄下,總之沒有理由會有c:/website/img/photo.jpg這樣一個路徑。那么,在index.htm文件中要使用什么樣的路徑來定位photo.jpg文件呢?對,應該是用相對路徑,所謂相對路徑,顧名思義就是自己相對與目標位置。在上例中index.htm中聯(lián)接的photo.jpg可以使用img/photo.jpg來定位文件,那么不論將這些文件放到哪里,只要他們的相對關系沒有變,就不會出錯。
另外我們使用“../”來表示上一級目錄,“../../”表示上上級的目錄,以此類推。(學習過dos的朋友可能更容易理解)
再看幾個例子,注意所有例子中都是index.htm文件中聯(lián)接有一張圖片photo.jpg。
例:
c:/website/web/index.htm
c:/website/img/photo.jpg
在此例中index.htm中聯(lián)接的photo.jpg應該怎樣表示呢?
錯誤寫法:img/photo.jpg
這種寫法是不正確的,在此例中,對于index.htm文件來說img/photo.jpg所代表的絕對路徑是:c:/website/web/img/photo.jpg,顯然不符合要求。
正確寫法:使用../img/photo.jpg的相對路徑來定位文件
例:
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg
在此例中index.htm中聯(lián)接的photo.jpg應該怎樣表示呢?
錯誤寫法:../img/images/photo.jpg
這種寫法是不正確的,在此例中對于index.htm文件來說../img/images/photo.jpg所代表的絕對路徑是:c:/website/web/img/images/photo.jpg。
正確寫法:可以使用../../img/images/photo.jpg的相對路徑來定位文件
例:
c:/website/web/xz/index.htm
c:/website/web/img/photo.jpg
在此例中index.htm中聯(lián)接的photo.jpg應該怎樣表示呢?
錯誤寫法:../../img/photo.jpg
這種寫法
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
亚洲成av人片在线观看天堂无码
|
久久久久久亚洲av无码专区|
欧美日韩一二三区|
免费观看大片毛片|
色综合综合色综合色综合|
国产欧美精品一区二区三区四区
|
欧美黑寡妇黑粗硬一级在线视频|
午夜a级理论片在线播放|
被农民工玩酥了的张小婷|
国产欧美日韩精品丝袜高跟鞋
|
最新亚洲人成无码网www电影|
亚洲欧美一区二区三区日产|
男人和女人在床做黄的网站|
又爽又黄又无遮挡的视频在线观看|
青青草97国产精品免费观看|
国产男女免费完整版视频|
8x8x华人永久免费视频|
天天操天天干天天摸|
中国xxxxx高清免费看视频|
日本久久久久亚洲中字幕|
亚欧人成精品免费观看|
欧美在线视频一区在线观看|
亚洲自国产拍揄拍|
精品丝袜国产自在线拍亚洲
|
吃奶摸下的激烈免费视频播放
|
色多多福利网站老司机|
国产成人 亚洲欧洲|
h视频在线观看免费观看|
国产精品自拍亚洲|
97日日碰人人模人人澡|
女人182毛片a级毛片|
一本色道久久综合亚洲精品|
成年女性特黄午夜视频免费看|
久久久久久久久影院|
日本边吃奶边摸边做在线视频|
久热中文字幕在线|
樱桃视频影院在线观看|
亚洲乱码国产乱码精品精|
欧美成人18性|
国产精品jlzz视频|
91亚洲精品自在在线观看|