一、超鏈接標簽的基本使用
超鏈接是瀏覽者和服務器的交互的主要手段,也叫超級鏈接或a鏈接,是網頁中指向一個目標的連接關系,這個目標可以是網頁、網頁中的具體位置、圖片、郵件地址、文件、應用程序等。
超鏈接是網頁中最重要的元素之一。一個網站的各個網頁就是通過超鏈接關聯起來的,用戶通過點擊超鏈接可以從一個網頁跳轉到另一個網頁。
幾乎可以在所有的網頁中找到鏈接。點擊鏈接可以從一張頁面跳轉到另一張頁面。例如,在閱讀某個網站時,遇到一個不認識的英文,你只要在這個單詞上單擊一下,即可跳轉到它的翻譯頁面中,看完單詞的解釋后點一下返回按鈕,又可繼續閱讀,這就是超鏈接的常見用途。還有經常到購物網站中去,我們都是在百度搜索,然后點擊對應的搜索項進入到對應的購物網站的,這也是超鏈接的作用。超鏈接的屬性:
屬性 | 值 | 描述 |
---|---|---|
href | 網絡鏈接 [ 例如: http://www.baidu.com ] 本地鏈接 [ 例如:F:\html\index.html ] | 規定鏈接的跳轉目標 |
title | 百度 | 鏈接的提示信息 |
target | _blank [ 在新建窗口中打開網頁 ] _self [ 默認值,覆蓋自身窗口打開網頁 ] _parent [ 在父級框架中打開網頁 ] _top [ 在頂級框架中打開網頁 ] framename [ 在指定的框架中打開網頁] | 與前面四項固定值不同,framename是泛指,並不是這個值,這點將在后面框架部分內容中詳細介紹,這里可以暫時先略過 |
1、href是超鏈接最重要的屬性,規定了用戶點擊鏈接以后的跳轉目標,這個目標可以是 網絡連接,也可以是本地連接。
2、網絡鏈接指的是依靠網絡來進行關聯的地址,一般在地址前面是以 http://或者https://這樣開頭的,如果沒有網絡,則用戶點擊了超鏈接也無法訪問對應的目標。
3、本地鏈接指的是本地計算機的地址,一般在地址前面是以 file:///開頭或直接以 C:/、D:/、E:/開頭的,不需要經過網絡。
4、如果href的值留空,則默認是跳轉到當前頁面,也就是刷新當前頁面。
二、超鏈接的錨點應用
錨點( anchor )是超鏈接的一種應用,也叫命名錨記,錨點可以像一個定位器一樣,可以實現頁面內的鏈接跳轉,運用相當普遍。例如,我們有一個網頁,由於內容太多,導致頁面很長,而且里面的內容,可以分為N個部分。這樣的話,我們就可以在網頁的頂部設置一些錨點,這樣便可以方便瀏覽者點擊相應的錨點,到達本頁內相應的位置,而不必在一個很長的網頁里自行尋找。又例如,我們頁面中,有個鏈接需要跳轉到另一個頁面的中間或者腳部去,這時候也可以運用上錨點技術來解決這個問題。
<!DOCTYPE HTML> <html lang="en-US"> <head> <title>錨點的使用</title> </head> <body> <a href="#i1">第一章</a> <a href="#i2">第二章</a> <a href="#i3">第三章</a> <div id="i1"> <p>第一章內容</p> </div> <div id="i2"> <p>第二章內容</p> </div> <div id="i3"> <p> 第三章內容</p> </div> </body> </html>