2.8　網(wǎng)頁(yè)超鏈接（Anchor）

HTML中的H就是Hypertext（超文本）的縮寫(xiě)，超文本鏈接語(yǔ)言的精髓就是鏈接，通過(guò)鏈接才可以把世界各地的網(wǎng)頁(yè)鏈接到一起成為互聯(lián)網(wǎng)。鏈接是網(wǎng)頁(yè)中極為重要的部分，單擊文檔中的鏈接，即可跳轉(zhuǎn)至相應(yīng)的位置。正是因?yàn)橛辛随溄樱脩?hù)才可以在不同的網(wǎng)頁(yè)中來(lái)回跳轉(zhuǎn)，從而方便地查閱各種各樣的知識(shí)，享受網(wǎng)絡(luò)帶來(lái)的無(wú)窮樂(lè)趣。

2.8.1　超鏈接的概念

通過(guò)超鏈接瀏覽不同的網(wǎng)頁(yè)就是從一個(gè)文檔跳轉(zhuǎn)到另一個(gè)文檔、從一個(gè)位置跳轉(zhuǎn)到另一個(gè)位置、從一個(gè)網(wǎng)站跳轉(zhuǎn)到另一個(gè)網(wǎng)站的過(guò)程，而這些過(guò)程都是通過(guò)鏈接來(lái)實(shí)現(xiàn)的。

超鏈接包含兩部分內(nèi)容：一是鏈接地址，即鏈接的目標(biāo)，可以是某個(gè)網(wǎng)址或文件的路徑，對(duì)應(yīng)為<a>標(biāo)簽的href屬性；二是鏈接文本或圖像，單擊該文本或圖像，將跳轉(zhuǎn)到href屬性指定的鏈接地址，超鏈接的基本語(yǔ)法如下：

其中，href表示鏈接地址的路徑。target指定鏈接在哪個(gè)窗口打開(kāi)，常用的取值有_self（自身窗口）和_blank（新建窗口）。

超鏈接既可以是文本超鏈接，也可以是圖像超鏈接。例如，示例2.13中兩個(gè)鏈接分別表示文本超鏈接和圖像超鏈接，單擊這兩個(gè)超鏈接均能在一個(gè)新的窗口中打開(kāi)百度頁(yè)面。代碼如示例2.13所示。

示例2.13：

在瀏覽器中打開(kāi)頁(yè)面并單擊超鏈接，顯示效果如圖2.16所示。

根據(jù)鏈接地址是指向站外文件還是站內(nèi)文件，鏈接地址又分為絕對(duì)路徑和相對(duì)路徑。

　絕對(duì)路徑：指向目標(biāo)地址的完整描述，一般指向本站點(diǎn)外的文件。例如：

　相對(duì)路徑：相對(duì)于當(dāng)前頁(yè)面的路徑，一般指向本站點(diǎn)內(nèi)的文件，所以一般不需要完整的URL地址的形式。例如：

表示鏈接地址為當(dāng)前頁(yè)面所在路徑的“l(fā)ogin”目錄下的“l(fā)ogin.html”頁(yè)面。假定當(dāng)前頁(yè)面所在的目錄為“D:\root”，則鏈接地址對(duì)應(yīng)的頁(yè)面為“D:\root\login\ login.html”。

另外，站內(nèi)使用相對(duì)路徑時(shí)常用到兩個(gè)特殊符號(hào)：“../”表示當(dāng)前目錄的上級(jí)目錄，“../../”表示當(dāng)前目錄的上上級(jí)目錄。

2.8.2　超鏈接的應(yīng)用場(chǎng)合

在上網(wǎng)時(shí)，讀者可能會(huì)發(fā)現(xiàn)，單擊超鏈接時(shí)，有的鏈接到其他頁(yè)面，有的鏈接到當(dāng)前頁(yè)面，還有的直接打開(kāi)郵件。實(shí)際上根據(jù)超鏈接的應(yīng)用場(chǎng)合，可以把鏈接分為3類(lèi)。

（1）頁(yè)面間鏈接：A頁(yè)到B頁(yè)，最常用，用于網(wǎng)站導(dǎo)航。

（2）錨鏈接：A頁(yè)的甲位置到A頁(yè)的乙位置，或A頁(yè)的甲位置到B頁(yè)的乙位置。

（3）功能性鏈接：在頁(yè)面中調(diào)用其他程序功能，如電子郵件、QQ和MSN等。

1．頁(yè)面間鏈接

頁(yè)面間鏈接就是從一個(gè)頁(yè)面鏈接到另外一個(gè)頁(yè)面。如圖2.17所示，http://www.itzpark.com/頁(yè)面間超鏈接，分別指向新聞中心頁(yè)面和校企合作頁(yè)面。

2．錨鏈接

常用于目標(biāo)頁(yè)內(nèi)容很多，需定位到目標(biāo)內(nèi)容中的某個(gè)具體位置時(shí)。當(dāng)單擊某個(gè)超鏈接時(shí)，將跳轉(zhuǎn)到對(duì)應(yīng)的內(nèi)容介紹處，這種方式就是前面說(shuō)的從A頁(yè)面的甲位置跳轉(zhuǎn)到本頁(yè)面中的乙位置，語(yǔ)法結(jié)構(gòu)如下：

其中，name為<a>標(biāo)簽的屬性，c4為標(biāo)記名，其功能類(lèi)似古時(shí)用于固定船的錨（或鉤），所以也稱(chēng)為錨名。代碼如示例2.14所示。

示例2.14：

在瀏覽器中預(yù)覽網(wǎng)頁(yè)，效果如圖2.18所示。單擊頁(yè)面中的超鏈接，即可將“第4章”的內(nèi)容跳轉(zhuǎn)到頁(yè)面頂部。

3．功能性鏈接

功能性鏈接比較特殊，當(dāng)單擊超鏈接時(shí)不是打開(kāi)某個(gè)頁(yè)面，而是啟動(dòng)本機(jī)自帶的某個(gè)應(yīng)用程序，如常見(jiàn)的電子郵件、QQ和MSN等。接下來(lái)以最常見(jiàn)的電子郵件超鏈接為例，當(dāng)單擊“聯(lián)系我們”郵件超鏈接，將打開(kāi)用戶(hù)的電子郵件程序，并自動(dòng)填寫(xiě)“收件人”文本框中的電子郵件地址。電子郵件鏈接的用法是：“mailto:電子郵件地址”，例如：