絕對路徑相對路徑

 

在這次做LN項目的過程中頁面的部分的設計使用的是Dreamweaver,不得不承認Dreamweaver太強大了,幫助我們輕鬆的設計出理想的頁面,css樣式的調整也非常方便;在Dreamweaver中路徑問題簡直不是問題,文件拖過來就可以直接找到(Dreamweaver自動把絕對路徑轉換成相對路徑),不必再去考慮什麼路徑的問題。自己嘗試了一下在沒有Dreamweaver的幫助下調試頁面,發現路徑的問題的確比較麻煩,歸根結底還是沒有徹底理解這兩種路徑的區別。好好的研究了一下,在這裏分享一下自己對這兩種路徑的理解。

絕對路徑:不必贅述,就是從盤符開始寫直到找到你所需要的文件爲止,把所有的目錄寫完整即可。但是在做網站的時候絕對不推薦用絕對路徑,因爲不可能服務器中的路徑和在做設計時候所用的電腦的路徑一致,也不可能說在服務器上把網站設計好後(這種可能性本身就非常小)就不再改動網站的位置,所以說相對路徑是做網站必選。

相對路徑:就是以當前文件爲基準去找另一個文件。下面我們具體的來說一下這個以當前文件爲基準是什麼個意思。

例如:css文件中需要找到一個圖片文件

具體目錄結構如下圖


當前在css文件中寫文件round2_left_top.gif的相對路徑應該是是../images/round2_left_top.gif。前面的“../”可以理解成上級目錄,如果這樣還不理解的話,可以畫一個圖演示一下。

如下圖:橢圓代表文件夾,矩形代表文件。


現在是在css文件夾下的某個css文件中編輯文字,那麼要找到images文件夾下的某個圖片,首先要找到images文件夾,所以就要跳出css文件夾,也就是“出圈”(也就是官方語言中的上一級目錄),我們可以這麼理解:每出一個圈(向上跳一級目錄)就意味着加一個“../”。“出圈”之後就可以看到images文件夾,然後就可以進入images文件夾訪問我們需要的那個圖片了。

發佈了37 篇原創文章 · 獲贊 3 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章