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