HTML 鏈接

HTML 使用(yòng)超級鏈接與網絡上(shàng)的另一個文(wén)檔相連。

幾乎可以在所有的網頁中找到(dào)鏈接。點擊鏈接可以從(cóng)一張頁面跳轉到(dào)另一張頁面。

HTML 超鏈接（鏈接）

超鏈接可以是一個字，一個詞，或者一組詞，也(yě)可以是一幅圖像，您可以點擊這(zhè)些(xiē)内容來(lái)跳轉到(dào)新的文(wén)檔或者當前文(wén)檔中的某個部分。

當您把鼠标指針移動到(dào)網頁中的某個鏈接上(shàng)時(shí)，箭頭會(huì)變爲一隻小(xiǎo)手。

我們通過使用(yòng) <a> 标簽在 HTML 中創建鏈接。

有兩種使用(yòng) <a> 标簽的方式：

通過使用(yòng) href 屬性 - 創建指向另一個文(wén)檔的鏈接

通過使用(yòng) name 屬性 - 創建文(wén)檔内的書簽

HTML 鏈接語法

鏈接的 HTML 代碼很(hěn)簡單。它類似這(zhè)樣：

<a href="url">Link text</a>

href 屬性規定鏈接的目标。

開(kāi)始标簽和(hé)結束标簽之間的文(wén)字被作(zuò)爲超級鏈接來(lái)顯示。

實例

<a href="http://www.w3school.com.cn/">Visit W3School</a>

上(shàng)面這(zhè)行代碼顯示爲：Visit W3School

點擊這(zhè)個超鏈接會(huì)把用(yòng)戶帶到(dào) W3School 的首頁。

提示："鏈接文(wén)本" 不必一定是文(wén)本。圖片或其他(tā) HTML 元素都可以成爲鏈接。

HTML 鏈接 - target 屬性

使用(yòng) Target 屬性，你(nǐ)可以定義被鏈接的文(wén)檔在何處顯示。

下(xià)面的這(zhè)行會(huì)在新窗口打開(kāi)文(wén)檔：

<a href="http://www.w3school.com.cn/" >Visit W3School!</a>

HTML 鏈接 - name 屬性

name 屬性規定錨（anchor）的名稱。

您可以使用(yòng) name 屬性創建 HTML 頁面中的書簽。

書簽不會(huì)以任何特殊方式顯示，它對(duì)讀者是不可見的。

當使用(yòng)命名錨（named anchors）時(shí)，我們可以創建直接跳至該命名錨（比如頁面中某個小(xiǎo)節）的鏈接，這(zhè)樣使用(yòng)者就無需不停地滾動頁面來(lái)尋找他(tā)們需要的信息了(le)。

命名錨的語法：

<a name="label">錨（顯示在頁面上(shàng)的文(wén)本）</a>

提示：錨的名稱可以是任何你(nǐ)喜歡的名字。

提示：您可以使用(yòng) id 屬性來(lái)替代 name 屬性，命名錨同樣有效。

實例

首先，我們在 HTML 文(wén)檔中對(duì)錨進行命名（創建一個書簽）：

<a name="tips">基本的注意事(shì)項 - 有用(yòng)的提示</a>

然後，我們在同一個文(wén)檔中創建指向該錨的鏈接：

<a href="#tips">有用(yòng)的提示</a>

您也(yě)可以在其他(tā)頁面中創建指向該錨的鏈接：

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用(yòng)的提示</a>

在上(shàng)面的代碼中，我們将 # 符号和(hé)錨名稱添加到(dào) URL 的末端，就可以直接鏈接到(dào) tips 這(zhè)個命名錨了(le)。

基本的注意事(shì)項 - 有用(yòng)的提示：

注釋：請(qǐng)始終将正斜杠添加到(dào)子文(wén)件夾。假如這(zhè)樣書寫鏈接：href="http://www.w3school.com.cn/html"，就會(huì)向服務器産生兩次 HTTP 請(qǐng)求。這(zhè)是因爲服務器會(huì)添加正斜杠到(dào)這(zhè)個地址，然後創建一個新的請(qǐng)求，就像這(zhè)樣：href="http://www.w3school.com.cn/html/"。

提示：命名錨經常用(yòng)于在大(dà)型文(wén)檔開(kāi)始位置上(shàng)創建目錄。可以爲每個章節賦予一個命名錨，然後把鏈接到(dào)這(zhè)些(xiē)錨的鏈接放(fàng)到(dào)文(wén)檔的上(shàng)部。如果您經常訪問百度百科，您會(huì)發現(xiàn)其中幾乎每個詞條都采用(yòng)這(zhè)樣的導航方式。

提示：假如浏覽器找不到(dào)已定義的命名錨，那麽就會(huì)定位到(dào)文(wén)檔的頂端。不會(huì)有錯誤發生。

HTML 鏈接标簽