網(wǎng)頁中超鏈接的路徑

陳英+黃小花

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

關(guān)鍵詞：網(wǎng)頁中超鏈接；超鏈接路徑；絕對路徑；相對路徑

中圖分類號：TP37 文獻(xiàn)標(biāo)識碼：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

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

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

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

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

1 絕對路徑

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

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

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

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

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

2 相對于站點根目錄路徑

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

假設(shè)當(dāng)前站點根目錄在F盤（不是在F：＼網(wǎng)頁制作＼football文件夾下），現(xiàn)要從如上圖所示的index.html頁面超鏈接到A.html頁面，我們用相對站點根目錄路徑/A.html來表示A.html的路徑，即完整的絕對路徑為F：/A.html。計算機在確定A.html文件位置時，是以當(dāng)前站點根目錄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ēng)險的。在本機上制作時要保證你的網(wǎng)站必須要位于站點根目錄下，如我們剛剛舉的例子中的網(wǎng)站就是直接放在站點根目錄F盤下。如果你的網(wǎng)站不是直接放在站點根目錄下，使用相對于站點根目錄路徑做超鏈接時會出現(xiàn)無法找到文件的錯誤。如你的站點是放在F：＼網(wǎng)頁制作＼football文件夾下，A.html文件是位于“網(wǎng)頁制作”文件夾中“football”子文件夾中，而用相對站點根目錄的路徑/A.html 表示的A.html是直接位于F盤下，此時是無論如何都無法找到A.html文件的。

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

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

3 相對文檔的路徑

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

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

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

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

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

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

4 總結(jié)

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

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

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

參考文獻(xiàn)：

[1]梁芳.網(wǎng)頁設(shè)計與制作[M].清華大學(xué)出版社，2010.

[2]涂敏.網(wǎng)頁設(shè)計與制作[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