HTML 鏈接
HTML 使用超級鏈接與網絡上的另一個文檔相連。
實例
創建超級鏈接
本例演示如何在 HTML 文檔中創建鏈接。
<html>
<body>
<p>
<a href="/index.html">本文本</a> 是一個指向本網站中的一個頁面的鏈接。</p>
<p><a href="http://www.ezcx.net">本文本</a> 是一個指向萬維網上的頁面的鏈接。</p>
</body>
</html>
將圖像作為鏈接
本例演示如何使用圖像作為鏈接。
<html>
<body>
<p>
您也可以使用圖像來作鏈接:
<a href="http://www.ezcx.net">
<img border="0" src="http://www.ezcx.net" />
</a>
</p>
</body>
</html>
錨標簽和 Href 屬性
HTML 使用 (錨)標簽來創建連接另一個文檔的鏈接。
錨可以指向網絡上的任何資源:一張 HTML 頁面,一幅圖像,一個聲音或視頻文件等等。
創建錨的語法:
<a href="url">Text to be displayed</a>
用來創建錨。href 屬性用于定位需要鏈接的文檔,錨的開始標簽和結束標簽之間的文字被作為超級鏈接來顯示。
這個錨定義了指向 易站網 的鏈接:
<a href="http://www.ezcx.net/">Visit Home!</a>
Target 屬性
使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。
下面的這行會在新窗口打開文檔:
<a href="http://www.ezcx.net" target="_blank">Visit Home!</a>
錨標簽和 Name 屬性
Name 屬性用于創建被命名的錨(named anchors)。當使用命名錨(named anchors)時,我們可以創建直接跳至頁面中某個節的鏈接,這樣使用者就無需不停的滾動頁面來尋找他們需要的信息。
以下是命名錨的語法:
<a name="label">Text to be displayed</a>
name 屬性用于創建命名錨。錨的名稱可以是任何你喜歡的名字。
下面這行定義了命名錨:
<a name="tips">Useful Tips Section</a>
你會注意到,命名錨會以特殊的方式來顯示。
將 # 符號和錨名稱添加到 URL 的末端,就可以直接鏈接到 tips 這個節,就像這樣:
<a href="http://www.ezcx.net/#tips">
Jump to the Useful Tips Section
</a>
基本的注意事項 - 有用的提示:
總 是將正斜杠添加到子文件夾。假如你這樣書寫鏈接的話:href="http://www.ezcx.netl",就會向服務器產生兩次 HTTP 請求。這是因為服務器會添加正斜杠到這個地址,然后創建一個新的請求,就像這樣:href="http://www.ezcx.net/"
命名錨經常被用在長的文檔中創建目錄??梢詾槊總€章節賦予一個命名錨,然后連接到這些錨的鏈接被置于文檔的上部。
假如瀏覽器找不到已定義的命名錨,那么就會定位到文檔的頂端。不會有錯誤發生。
推薦文章
2025-01-18
2024-11-28
2024-11-09
2024-10-25
2024-06-25
2024-01-04
2023-11-06
2023-10-30
2023-10-13
2023-10-10
穩定
產品高可用性高并發貼心
項目群及時溝通專業
產品經理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽堅持
10年專注高端品質開發