這篇文章主要介紹了XHTML中的超鏈接標(biāo)簽使用教程,包括錨鏈接和鏈接相對(duì)地址用法的介紹,需要的朋友可以參考下

超鏈接，也叫“鏈接”。超鏈接在我們?yōu)g覽的網(wǎng)頁(yè)上可以說(shuō)是無(wú)處不在，我們點(diǎn)擊網(wǎng)頁(yè)上某個(gè)鏈接地址，即鏈接到另一個(gè)網(wǎng)頁(yè)，這就是超鏈接在起作用。

使用 <a></a> 標(biāo)簽來(lái)定義超鏈接，語(yǔ)法：

<a href="url">顯示的文字或圖片</a>

例子：

XML/HTML Code

<a >鏈接至百度</a>

瀏覽器顯示效果：

鏈接至百度

當(dāng)我們點(diǎn)擊上面 “鏈接至百度” 字樣時(shí)，瀏覽器便會(huì)轉(zhuǎn)向百度首頁(yè)。

超鏈接屬性：

href 鏈接地址。可以是絕對(duì)網(wǎng)頁(yè)地址或者相對(duì)地址。

target 鏈接目標(biāo)。取值為 _blank 會(huì)在新窗口中打開(kāi)鏈接地址，缺省則使用當(dāng)前窗口打開(kāi)鏈接地址。

name 錨鏈接，這個(gè)我們下面會(huì)單獨(dú)講到。

相對(duì)網(wǎng)頁(yè)鏈接地址：

XML/HTML Code

<a href="/css" target="_blank">DIV+CSS教程</a>

這個(gè)例子使用了相對(duì)地址，而在上面鏈接至百度的例子，則使用了絕對(duì)地址。

增加了 target 屬性的例子：

XML/HTML Code

<a target="_blank">鏈接至百度</a>

再次點(diǎn)擊該鏈接時(shí)，瀏覽器會(huì)啟用新頁(yè)面打開(kāi)鏈接地址，而原頁(yè)面窗口得以保留。

提示

當(dāng)一個(gè)鏈接地址與當(dāng)前主題或流程并不十分緊密時(shí)，通常會(huì)啟用 target="_blank" 屬性，否則盡量不要啟用新窗口，以便給瀏覽者以友好的瀏覽體驗(yàn)。

如果頁(yè)面是由幾個(gè)頁(yè)面框架幀組成，那么 target 屬性還可以有其他取值

郵件超鏈接

郵件鏈接例子：

XML/HTML Code

<a href="mailto:admin@xyz.com">聯(lián)系xyz站的站長(zhǎng)</a>

點(diǎn)擊此鏈接，將啟用默認(rèn)的郵件客戶(hù)端撰寫(xiě)郵件。

錨鏈接

錨鏈接是指頁(yè)面內(nèi)的鏈接，但現(xiàn)在很多人也把文字超鏈接叫做錨鏈接。

我們舉個(gè)例子解釋一下錨的作用：

例如我們有一篇文章寫(xiě)得很好，有很多人都在文章后面作了評(píng)論，而發(fā)表評(píng)論的窗口一般都在評(píng)論結(jié)束最底下的位置。網(wǎng)站會(huì)在發(fā)表評(píng)論的地方設(shè)置一個(gè)錨鏈接，而在顯示評(píng)論的位置設(shè)計(jì)一個(gè)鏈接到錨鏈接，如：“發(fā)表評(píng)論”。如果有人不想查看別人留下的評(píng)論而想立刻跳轉(zhuǎn)到評(píng)論輸入窗口，那么點(diǎn)擊“發(fā)表評(píng)論”即可在本業(yè)內(nèi)快速跳轉(zhuǎn)到評(píng)論輸入窗口。這種設(shè)計(jì)無(wú)疑提高了瀏覽者的用戶(hù)體驗(yàn)。

使用錨鏈接的例子

創(chuàng)建錨：

XML/HTML Code

<p><a name="comment"></a></p>

創(chuàng)建鏈接至錨的超鏈接地址：

XML/HTML Code

<p><a href="#comment">鏈接至comment錨</a></p>

從例子可以看出，訪問(wèn)一個(gè)錨，就是在鏈接地址后面加上“#”號(hào)和錨的名字。上面這個(gè)例子由于是鏈接到本頁(yè)的錨，因此前面的鏈接地址被忽略（注：實(shí)際是相對(duì)地址被忽略，在此不做展開(kāi)討論）。

提示

如果你要實(shí)驗(yàn)這個(gè)錨標(biāo)記的用法，那么注意一點(diǎn)，將鏈接至錨的超鏈接和錨標(biāo)記之間保持足夠的網(wǎng)頁(yè)空間，才能看出效果。可以用我們上面學(xué)到的換行標(biāo)簽來(lái)創(chuàng)建足夠多的上下空白空間來(lái)進(jìn)行測(cè)試。

你也可以創(chuàng)建一個(gè)鏈接至其他頁(yè)面的錨標(biāo)記，例如：

XML/HTML Code

<p><a >鏈接至錨</a></p>

當(dāng)然需要在 www.abc.com 這個(gè)頁(yè)面有這個(gè) test 錨標(biāo)記才行，否則只會(huì)鏈接至 www.abc.com 頁(yè)面而忽略這個(gè)錨標(biāo)記。