超鏈接，也叫“鏈接”。超鏈接在我們?yōu)g覽的網(wǎng)頁上可以說是無處不在，我們點擊網(wǎng)頁上某個鏈接地址，即鏈接到另一個網(wǎng)頁，這就是超鏈接在起作用。
使用 <a></a> 標簽來定義超鏈接，語法：
<a href="url">顯示的文字或圖片</a>
例子：

瀏覽器顯示效果：
鏈接至百度
當我們點擊上面 “鏈接至百度” 字樣時，瀏覽器便會轉(zhuǎn)向百度首頁。

超鏈接屬性
超鏈接屬性：
href 鏈接地址?？梢允墙^對網(wǎng)頁地址或者相對地址。
target 鏈接目標。取值為 _blank 會在新窗口中打開鏈接地址，缺省則使用當前窗口打開鏈接地址。
name 錨鏈接，這個我們下面會單獨講到。

相對網(wǎng)頁鏈接地址：

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

增加了 target 屬性的例子：

再次點擊該鏈接時，瀏覽器會啟用新頁面打開鏈接地址，而原頁面窗口得以保留。
提示
當一個鏈接地址與當前主題或流程并不十分緊密時，通常會啟用 target="_blank" 屬性，否則盡量不要啟用新窗口，以便給瀏覽者以友好的瀏覽體驗。
如果頁面是由幾個頁面框架幀組成，那么 target 屬性還可以有其他取值

郵件超鏈接
郵件鏈接例子：

點擊此鏈接，將啟用默認的郵件客戶端撰寫郵件。

錨鏈接
錨鏈接是指頁面內(nèi)的鏈接，但現(xiàn)在很多人也把文字超鏈接叫做錨鏈接。
我們舉個例子解釋一下錨的作用：
例如我們有一篇文章寫得很好，有很多人都在文章后面作了評論，而發(fā)表評論的窗口一般都在評論結(jié)束最底下的位置。網(wǎng)站會在發(fā)表評論的地方設(shè)置一個錨鏈接，而在顯示評論的位置設(shè)計一個鏈接到錨鏈接，如：“發(fā)表評論”。如果有人不想查看別人留下的評論而想立刻跳轉(zhuǎn)到評論輸入窗口，那么點擊“發(fā)表評論”即可在本業(yè)內(nèi)快速跳轉(zhuǎn)到評論輸入窗口。這種設(shè)計無疑提高了瀏覽者的用戶體驗。
使用錨鏈接的例子
創(chuàng)建錨：

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

從例子可以看出，訪問一個錨，就是在鏈接地址后面加上“#”號和錨的名字。上面這個例子由于是鏈接到本頁的錨，因此前面的鏈接地址被忽略（注：實際是相對地址被忽略，在此不做展開討論）。
提示
如果你要實驗這個錨標記的用法，那么注意一點，將鏈接至錨的超鏈接和錨標記之間保持足夠的網(wǎng)頁空間，才能看出效果?？梢杂梦覀兩厦鎸W到的換行標簽來創(chuàng)建足夠多的上下空白空間來進行測試。
你也可以創(chuàng)建一個鏈接至其他頁面的錨標記，例如：

當然需要在 www.abc.com 這個頁面有這個 test 錨標記才行，否則只會鏈接至 www.abc.com 頁面而忽略這個錨標記。

最新評論