HTML 鏈接

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

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

HTML 超鏈接（鏈接）

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

當您把鼠标指針移動到網頁中的某個鏈接上(shàng)時(shí)，箭頭會變為(wèi)一(yī)隻小手。

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

有兩種使用 <a> 标簽的方式：

通(tōng)過使用 href 屬性 - 創建指向另一(yī)個文檔的鏈接

通(tōng)過使用 name 屬性 - 創建文檔內(nèi)的書(shū)簽

HTML 鏈接語法

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

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

href 屬性規定鏈接的目标。

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

實例

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

上(shàng)面這(zhè)行(xíng)代碼顯示為(wèi)：Visit W3School

點擊這(zhè)個超鏈接會把用戶帶到 W3School 的首頁。

提示："鏈接文本" 不必一(yī)定是文本。圖片或其他(tā) HTML 元素都(dōu)可(kě)以成為(wèi)鏈接。

HTML 鏈接 - target 屬性

使用 Target 屬性，你可(kě)以定義被鏈接的文檔在何處顯示。

下(xià)面的這(zhè)行(xíng)會在新窗口打開(kāi)文檔：

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

HTML 鏈接 - name 屬性

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

您可(kě)以使用 name 屬性創建 HTML 頁面中的書(shū)簽。

書(shū)簽不會以任何特殊方式顯示，它對讀者是不可(kě)見(jiàn)的。

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

命名錨的語法：

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

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

提示：您可(kě)以使用 id 屬性來替代 name 屬性，命名錨同樣有效。

實例

首先，我們在 HTML 文檔中對錨進行(xíng)命名（創建一(yī)個書(shū)簽）：

<a name="tips">基本的注意事項 - 有用的提示</a>

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

<a href="#tips">有用的提示</a>

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

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

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

基本的注意事項 - 有用的提示：

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

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

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

HTML 鏈接标簽