網路概念
相對地址:就是被連結檔案相對於當前頁面的地址。相也可當相應、類似相關的地址,如參考地址。
絕對地址:就是檔案在網路或本地的絕對位置。絕對,具有唯一性,如官網地址。
(ps:相對地址:就是被連結檔案相對於當前頁面的地址,比如說,連結和當前頁面同級的檔案地址只要用“檔案名稱”即可;連結當前頁面下級子目錄下的檔案用“目錄名/檔案名稱”;連結當前頁面上一級目錄下的檔案用“../檔案名稱”;連結同級但在另外一個子目錄中的檔案用“../目錄名/檔案名稱”;連結根目錄(你的網站的根目錄,並非硬碟根目錄)下的檔案可以用“./檔案名稱”的形式。其實絕對和相對很容易理解的,相對就是有參照物的,絕對則是固定的。為什麼我們提倡使用相對地址呢?打個比方說吧,如果你有一個index.htm,裡面引用了images目錄的一些圖片,如果使用了相對地址,搬家的時候只需把原來這套東西全部上傳到新的空間就行了,因為檔案彼此之間的相對位置關係沒有改變,所以這些地址仍然是有效的。但如果插入圖片的時候使用了絕對地址,那空間地址一變,引用處的圖片路徑也要改變)。
什麼是相對路徑?相對路徑就是指由這個檔案所在的路徑引起的跟其它檔案(或資料夾)的路徑關係。使用相對路徑可以為我們帶來非常多的便利。
實例詳解
一、例如在本地硬碟有如下兩檔案,它們要互做超連結
G:\site\index.htm
G:\site\web\article\01.htm
如下圖:
index.htm要想連結到01.htm這個檔案,正確的連結應該是:連結文字,這是標準的相對路徑。
反過來,01.htm要想連結到index.htm這個檔案,在01.htm檔案裡面應該寫上這句:返回首頁。這裡的../表示向上一級。
至此,你已經了解相對路徑的概念了,就是這樣簡單明了。如果你還是沒有看明白,以前學過DOS嗎?它的“CD 資料夾名”和“CD..”命令用過嗎?這是同理的。
注意:相對路的資料夾符號是斜槓:/
連結文字這樣的連結,在href後面的第一個斜槓表示根目錄,通常我們要特別慎用這種方式。
以下內容來自於:
HTML相對路徑(Relative Path)和絕對路徑(Absolute Path)
轉換為繁體中文
HTML初學者會經常遇到這樣一個問題,如何正確引用一個檔案。比如,怎樣在一個HTML網頁中引用另外一個HTML網頁作為超連結(hyperlink)?怎樣在一個網頁中插入一張圖片?
種路徑的寫法:相對路徑和絕對路徑。假設info.html路徑是。
如果你在引用檔案時(如加入超連結,或者插入圖片等),使用了錯誤的檔案路徑,就會導致引用失效(無法瀏覽連結檔案,或無法顯示插入的圖片等)。
為了避免這些錯誤,正確地引用檔案,我們需要學習一下HTML路徑。
HTML有2種路徑的寫法:相對路徑和絕對路徑。
HTML相對路徑(Relative Path)
同一個目錄的檔案引用
html超連結的代碼應該這樣寫:c:\Inetpub。
如果源檔案和引用檔案在同一個目錄里,直接寫引用檔案名稱即可。
我們現 在建一個源檔案info.html,在info.html里要引用index.html檔案作為超連結。
表示源檔案所在目錄的上一級目錄,
假設info.html路徑是:c:\Inetpub\ww wroot\sites\blabla\info.htm l
假設index.html路徑是:c:\Inetpub\wwwroot\sites\blabla\index.html
html檔案作為超連結。c:\Inetpub\wwwroot.
在info.html加入ind ex.html超連結的代碼應該這樣寫:
index.html
如何表示上級目錄
../表示源檔案所在目錄的上一級目錄,../../表示源檔案所在目錄的上上級目錄,以此類推。
假設info.html路徑是:c:\Inetpub\wwwro ot\sites\blabla\info.h tml
假設index.html路徑是:c:\Inetpub\wwwroot\sites\index.html
在info.html加入index.html超連結的代 碼應該這樣寫:
<a href="../index.html">index.html
假 設info.html路徑是:c:\Inetpub\wwwroot\site s\blabla\info.html
假設index.html路徑是:c:\Inetpub\wwwroot\index.html
在info.html加入index.html超 連結的代碼應該這樣寫.
<a href="../../index.html">index.html
假設info.htm l路徑是:c:\Inetpub\wwwroot\sites\bla bla\info.html
假設index.html路徑是:c:\Inetpub\wwwroot\sites\wowstory\index.html
html路徑是:c:\Inetpub\wwwroot\sites.
在 info.html加入index.html超連結的代碼應該這樣寫:
<a href="../wowstory/index.html">index.html
如何表示下級目錄
引用下級目錄的檔案,直接寫下級目錄檔案的路徑即可。
假設info.html路徑是:c:\Inetpu b\wwwroot\sites\blabla\info.html
假設index.html路徑是:c:\Inetpub\wwwroot\sites\blabla\html\index.html
在info.h tml加入index.html超連結的代碼應該這樣寫:
html\index.html
假設info.html路徑是:c:\In etpub\wwwroot\sites\blabla\info.html
假設index.html路徑是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
在inf o.html加入index.html超連結的代碼應該這樣寫:
html\tutorials\index.html
HTML絕對路徑(Absolute Path)
HTML絕對路徑(absolute path)指帶域名的檔案的完整路徑。
表示源檔案所在目錄的上上級目錄,以此類推。正確地引用檔案,我們需要學習一下HTML路徑。
假設你註冊了域名www.***.cn,並申請了虛擬主機,你的虛擬主機提供商會給你一個目錄,比如www,這個www就是你網站的根目錄。
假設你在www根目錄下放了一個檔案index.html,這個檔案的絕對路徑就是: http://www.***/index.html。
假設你在www根目錄下建了一個目錄叫html_tutorials,然後在該目錄下放了一個檔案index.html,這個檔案的絕對路徑就是http://www.***.cn/html/index.html。
-----------------------------------------------------------------------------------
經過多次真實實驗,證明:絕對路徑不利於搜尋引擎表現,相對路徑在搜尋引擎中表現良好。
關於路徑的這個問題,google和yahoo以及其他搜尋引擎表現不明顯,惟獨百度表現出強烈的排斥情況。
優劣比較
靜態網站和動態網站優劣比較
靜態網站和動態網站的優劣比較:
A.純靜態網站 | B.動態網站 | C.偽靜態網站+後台 | D.純靜態網站+後台 | |
訪問速度 | 快 | 慢 | 慢 | 中快 |
便管理性 | 差 | 好 | 好 | 好 |
安全性 | 高 | 差 | 差 | 中高 |
易收錄性 | 好 | 差 | 好 | 好 |
製作成本 | 按頁計算。 不適合產品數量多的企業選用。 不適合經常更新的企業選用。 | 按功能收費。 適合經常更新的企業選用。 | 按功能收費。 適合經常更新的企業選用。 | 按功能收費。 適合經常更新的企業選用。 |
從上個表格可以詳細的看出,
其實“純靜態網站”唯 一的缺陷就是不方便管理,更新維護麻煩,其他都有優勢。 “動態網站”解決了網站不方便管理,更新維護麻煩的問題。 “偽靜態網站+後台”解決了動態網站易收錄性不好的問題。 “純靜態網站+後台”在“偽靜態網站+後台”又進行了升級,在訪問速度和安 全性上又有所提升。
從上個表格可以詳細的看出,
其實“純靜態網站”唯一的缺陷就是不方便管理,更新維護麻煩,其他都有優勢。
“動態網站”解決了網站不方便管理,更新維護麻煩的問題。
“偽靜態網站+後台”解決了動態網站易收錄性不好的問題。
“純靜態網站+後台”在“偽靜態網站+後台”又進行了升 級,在訪問速度和安全性上又有所提升。