陳英+黃小花

摘要：該文圍繞網頁中超鏈接路徑而展開，介紹了網頁中的三種超鏈接路徑：絕對路徑、相對于站點根目錄路徑、相對于文檔的路徑。詳細描述了三種超鏈接路徑的特點、表示方法、實現超鏈接路徑的原理和過程，分析總結了三種超鏈接的利弊和應用情況。

關鍵詞：網頁中超鏈接；超鏈接路徑；絕對路徑；相對路徑

中圖分類號：TP37 文獻標識碼：A 文章編號：1009-3044（2015）26-0016-02

The Path of Hyperlinks in Web Pages

CHENG Ying， HUANGXiao-hua

（Department of Information Engineering Jiangxi Vocational and Technical College of Communication， Nanchang 330013， China）

Abstract： This paper is based on the hyperlink path of the web page， and introduces three kinds of hyperlink path： absolute path， relative to the site root directory path， relative to the document path. The characteristics of three kinds of hyperlink paths， the principle and the process of realizing the hyperlink path are described in detail， and the advantages and disadvantages of the three kinds of hyperlink are analyzed and summarized.

Key words： hyperlink； hyperlink path； absolute path； relative path

互聯網世界之所以四通八達，是因為有了超鏈接。超鏈接讓相互獨立的網頁及網站組成了一個有機體。當用戶將鼠標放在超鏈接對象上時，鼠標指針變成手形，單擊鼠標左鍵即可快速地從當前頁面跳轉到一個目標位置，如果沒有超鏈接將無法完成網頁與網頁之間、網站與網站之間的跳轉。那么什么是超鏈接呢？

所謂的超鏈接是指通過單擊鼠標即可從當前頁面轉到另一個位置的連接關系。當前頁面叫做超鏈接的源，另一個位置叫做超鏈接的目標。這個鏈接的目標位置可以跟當前頁面在同一個網站下，也可以是在不同網站下。鏈接的目標對象是多樣的，可以是一個網頁、一個文件（可執(zhí)行文件、壓縮文件等非網頁文件）、一張圖片、一個電子郵件、一個應用程序、甚至是一個空的鏈接等。

要創(chuàng)建超鏈接，需要確定超鏈接的源文件與目標文件之間的路徑。一般情況下，做好超鏈接的網頁在本地機器上可以正常瀏覽，而一旦放到服務器上去時，卻出現瀏覽器無法打開鏈接目標文件的錯誤， 這種情況多半是因為使用了錯誤的鏈接路徑而導致的。為了解決這個令人疼的問題，我們需要來正確理解網頁中超鏈接路徑。

正確設置超鏈接的路徑是確保超鏈接有效的先決條件是。網頁中超鏈接的路徑有：絕對路徑和相對路徑兩種。而相對路徑又包含：相對于文檔的路徑和相對于站點根目錄的路徑兩種表達方式。以下將詳細介紹這三種超鏈接路徑。

1 絕對路徑

絕對路徑指的是用一串完整的路徑來表示文件所處的位置。例如我們要把下圖中A.html這個網頁文件用絕對路徑表示出來，這個網頁文件是在本機上，那么它的絕對路徑是F：＼網頁制作＼football＼A.html，通過這串絕對路徑我們就知道A.html這個文件的路徑是在F盤根目錄下的“網頁制作”文件夾下的“football”子文件夾中，計算機按照這串路徑最終找到所需要的文件。絕對路徑是描述文件位置最明顯的一種方法，用戶不需要知道其它任何信息，也不需要做任何的判斷就可知道文件所處的位置，我們平時在“我的電腦”或“資源管理器”中看到的路徑使用的就是絕對路徑。

有時我們要訪問的文件不是存放在本機上，而是放在遠程服務器上，這時的絕對路徑可用一串網址來表示。如我們要訪問網易網的新聞首頁index.html，它的絕對路徑表示方法應該是：http：//www.163.com/news/index.html，其中http：//表示使用的協議名稱為超文本傳輸協議，這串絕對路徑表示index.html文件放在www.163.com這臺遠程服務器的根文件夾下的news文件夾中。

例如現在我們使用絕對路徑做超鏈接：我們要將如圖所示中的index.html頁面超鏈接到A.html頁面，使用F：＼網頁制作＼football＼A.html即可表示A.html頁面的絕對路徑。

使用絕對路徑做超鏈接，在被鏈接的文件移動了位置或是網站放到遠程服務器上時，會出現找不到被鏈接文件的情況。如在本機上我們根據絕對路徑F：＼網頁制作＼football＼A.html可以正常找到A.html頁面，但如果我們在制作過程中移動了A.html頁面的位置（把該文件放到了其它的目錄下），這時我們根據原來的絕對路徑是無法定位到文件的。再如我們做好的網站發(fā)布到了服務器上，你的網站可能是放在服務器上的C盤或是D盤，或是AA目錄下或是BB目錄下，這時我們仍根據原來的絕對路徑同樣無法定位到文件。

所以在超鏈接時如果使用了絕對路徑，我們應該謹慎。那么使用什么樣的路徑來表示超鏈接會比較可靠呢，我們可以使用相對路徑。相對路徑包括相對文檔的路徑和相對于站點根目錄路徑。

2 相對于站點根目錄路徑

相對于站點根目錄路徑是指以站點根文件夾為起點到被鏈接文檔經由的路徑，用“/”表示根目錄。

假設當前站點根目錄在F盤（不是在F：＼網頁制作＼football文件夾下），現要從如上圖所示的index.html頁面超鏈接到A.html頁面，我們用相對站點根目錄路徑/A.html來表示A.html的路徑，即完整的絕對路徑為F：/A.html。計算機在確定A.html文件位置時，是以當前站點根目錄F盤為起點，由于A.html位于站點根目錄下，所以直接用 A.html文件表示。再如，要從index.html頁面超鏈接到如下圖所示的me.html頁面，我們用相對站點根目錄路徑/aboutme/me.html來表示me.html的路徑。因為me.html文件位于站點根目錄下的aboutme文件夾中，即完整路徑為F：/abuotme/me.html。再如，要從me.html頁面超鏈接到index.html頁面，我們用相對站點根目錄路徑/index.html來表示index.html的路徑，因為index.html文件直接位于站點文件夾中?？傊?，相對于站點根目錄的路徑的所有超鏈接都是從站點根目錄開始。

使用相對于站點根目錄路徑做超鏈接也是有風險的。在本機上制作時要保證你的網站必須要位于站點根目錄下，如我們剛剛舉的例子中的網站就是直接放在站點根目錄F盤下。如果你的網站不是直接放在站點根目錄下，使用相對于站點根目錄路徑做超鏈接時會出現無法找到文件的錯誤。如你的站點是放在F：＼網頁制作＼football文件夾下，A.html文件是位于“網頁制作”文件夾中“football”子文件夾中，而用相對站點根目錄的路徑/A.html 表示的A.html是直接位于F盤下，此時是無論如何都無法找到A.html文件的。

相對于站點根目錄路徑另一種風險是在遠程服務器上也可能會出現無法找到鏈接文件的錯誤。因為我們這里所說的站點根目錄在你的網站沒有發(fā)布前是相對于你本機來說的，當你把網站放到服務器上時，你的網站在服務器上的根目錄不一定就是你本機上使用的根目錄。這樣當網站的根目錄與服務器上所在根目錄不同時，就會發(fā)生錯誤。 如我們剛剛列舉的網站在你本機上是放在F盤下，當你發(fā)布到服務器上時，它的根目錄可能是在D盤或是在E盤，或者不是放在服務器的根目錄下，這樣我們就無法找到鏈接的文件。

所以接下來我們可以通過使用相對文檔的路徑來解決這個問題。

3 相對文檔的路徑

相對文檔的路徑是以當前文檔所在的位置為起點，沿著這個起點到被鏈接的目標文檔所經過的路徑。在使用文檔相對路徑來描述文件位置時可省去當前文檔和被鏈接文檔兩個文件絕對路徑中相同的部分，保留不同部分。

如上圖所示A.html的絕對路徑為F：＼網頁制作＼football＼A.html

如上圖所示index.html的絕對路徑為F：＼網頁制作＼football＼index.html

如要從index.html頁面超鏈接到A.html頁面，我們用相對路徑來表示A.html所處的位置，只需在index.html頁面的鏈接路徑中輸入A.html就可將該文件的路徑表示出來。計算機在確定A.html文件位置時，是以當前文檔index.html為起點，由于A.html和index.html在同一級下目錄，所以沿著這個起點直接找到 A.html文件。再如，要從index.html頁面超鏈接到如上圖所示的me.html頁面，我們用可用相對路徑aboutme/me.html來表示me.html頁面的位置，計算機在確定me.html文件位置時，是以當前文檔index.html為起點，進入同一級目錄aboutme下，再到me.htm頁面。

如果起點文檔和目標文檔不在同一個目錄下，我們可通過用“../ ”上一級目錄，“../../”表示上上級的目錄，以此類推。如要從me.html頁面超鏈接到index.html頁面，那么index.html頁面的相對路徑應該為../index.html，此處../表示從當前文檔me.html開始到達上一層文件夾aboutme下，然后再到index.html文件。再如，要從如上圖所示的C.html頁面超鏈接到/index.html頁面，那么index.html頁面的相對文檔路徑應該為../../index.html，此處../../表示從當前文檔C.html開始到達上一層文件夾gif后，再從gif到達上一層aboutme下，然后再到index.html文件。

使用相對文檔的路徑作超鏈接時，在被鏈接的文檔移動了位置時，Dreamweaver會自動更新鏈接的路徑。在網站被上傳到服務器上時，也不會出現無法找到被鏈接文檔的錯誤。因為在使用相對文檔的路徑時，兩者路徑中相同的部分并沒有表示出來，他們的路徑是相對于當前文檔的位置，不論當前文檔放在哪里，他們的相對關系沒有變。

4 總結

絕對路徑一般在創(chuàng)建外部超鏈接時使用，由于被鏈接的文檔不在當前網站下，無法使用相對路徑來表示，這時引用時只能用絕對路徑。絕對路徑的另一種使用情況是到某個指定網站的鏈接，這時輸入的網址就是一個絕對路徑。雖然也可以使用絕對路徑鏈接同一網站內的文檔，但應該盡量使用相對路徑。

相對路徑主要用于當前網站內部的超鏈接。相對文檔的路徑由于省略了路徑中相同的部分，使得網站的移植更方便，不容易出錯。一般來說，在制作內部鏈接時，我們應該盡量使用相對文檔的路徑，而不是相對于站點根目錄路徑。這是因為在本機上需確保站點必須位于根目錄下，而且在遠程服務器上站點根目錄路徑并不一定就是你在本機上的站點根目錄，因此會導致鏈接出錯，使用文檔相對路徑則沒有這樣的問題。

但在某些情況下，使用相對于站點根目錄路徑比使用相對文檔的路徑要方便。如我們制作好了一個關于版權信息的頁面，這個頁面為同時為多個不同目錄下的網頁所共用，由于這些網頁所在目錄不同，無法使用文檔相對路徑，此時，使用相站點根目錄路徑，讓所有的鏈接都從站點根目錄開始，則可以更方便快捷。

參考文獻：

[1]梁芳.網頁設計與制作[M].清華大學出版社，2010.

[2]涂敏.網頁設計與制作[M].江西高校出版社，2004.

[3]互動百科：鏈接http：//www.baike.com/wiki/%E9%93%BE%E6%8E%A5

[4]百度百科：路徑http：//baike.baidu.com/link？url=XQCBfdBuK_Uxctp3WI0RIT3reQ2U-wAfKR7vJSi3CS-2P-oprMqkBI9Y1_FMaVag