超鏈接,也叫“鏈接”。超鏈接在我們瀏覽的網頁上可以說是無處不在,我們點擊網頁上某個鏈接地址,即鏈接到另一個網頁,這就是超鏈接在起作用。
使用 <a></a> 標簽來定義超鏈接,語法:
<a href="url">顯示的文字或圖片</a>
例子:
|
瀏覽器顯示效果:
鏈接至百度
當我們點擊上面 “鏈接至百度” 字樣時,瀏覽器便會轉向百度首頁。
超鏈接屬性
超鏈接屬性:
href 鏈接地址。可以是絕對網頁地址或者相對地址。
target 鏈接目標。取值為 _blank 會在新窗口中打開鏈接地址,缺省則使用當前窗口打開鏈接地址。
name 錨鏈接,這個我們下面會單獨講到。
相對網頁鏈接地址:
|
這個例子使用了相對地址,而在上面鏈接至百度的例子,則使用了絕對地址。
增加了 target 屬性的例子:
|
再次點擊該鏈接時,瀏覽器會啟用新頁面打開鏈接地址,而原頁面窗口得以保留。
提示
當一個鏈接地址與當前主題或流程并不十分緊密時,通常會啟用 target="_blank" 屬性,否則盡量不要啟用新窗口,以便給瀏覽者以友好的瀏覽體驗。
如果頁面是由幾個頁面框架幀組成,那么 target 屬性還可以有其他取值
郵件超鏈接
郵件鏈接例子:
|
點擊此鏈接,將啟用默認的郵件客戶端撰寫郵件。
錨鏈接
錨鏈接是指頁面內的鏈接,但現在很多人也把文字超鏈接叫做錨鏈接。
我們舉個例子解釋一下錨的作用:
例如我們有一篇文章寫得很好,有很多人都在文章后面作了評論,而發表評論的窗口一般都在評論結束最底下的位置。網站會在發表評論的地方設置一個錨鏈接,而在顯示評論的位置設計一個鏈接到錨鏈接,如:“發表評論”。如果有人不想查看別人留下的評論而想立刻跳轉到評論輸入窗口,那么點擊“發表評論”即可在本業內快速跳轉到評論輸入窗口。這種設計無疑提高了瀏覽者的用戶體驗。
使用錨鏈接的例子
創建錨: