HTML <a> 標籤

標籤：data   parent   樣式   網站   lin   com   屬性   電子   circle   

指向 w3school 的超連結：

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

所有瀏覽器都支援 <a> 標籤。

定義和用法

<a> 標籤定義超連結，用於從一張頁面連結到另一張頁面。

<a> 元素最重要的屬性是 href 屬性，它指示連結的目標。

在所有瀏覽器中，連結的預設面板是：

• 未被訪問的連結帶有底線而且是藍色的
• 已被訪問的連結帶有底線而且是紫色的
• 活動連結帶有底線而且是紅色的

提示：您可能已經注意到了，W3School 網站內的連結外觀與預設的連結外觀非常不同。您可以使用 CSS 偽類 向文本超連結添加複雜而多樣的樣式。

 

 

術語解釋

什麼是超文本？

 

 

提示和注釋

提示：如果不使用 href 屬性，則不可以使用如下屬性：download, hreflang, media, rel, target 以及 type 屬性。

提示：被連結頁面通常顯示在當前瀏覽器視窗中，除非您規定了另一個目標（target 屬性）。

提示：請使用 CSS 來設定連結的樣式。

 

HTML 4.01 與 HTML5 之間的差異

在 HTML 4.01 中，<a> 標籤可以是超連結或錨。在 HTML5 中，<a> 標籤始終是超連結，但是如果未設定 href 屬性，則只是超連結的預留位置。

HTML5 提供了一些新屬性，同時不再支援一些 HTML 4.01 屬性。

 

 

屬性

New : HTML5 中的新屬性。

屬性	值	描述
charset	char_encoding	HTML5 中不支援。規定被連結文檔的字元集。
coords	coordinates	HTML5 中不支援。規定連結的座標。
download	filename	規定被下載的超連結目標。
href	URL	規定連結指向的頁面的 URL。
hreflang	language_code	規定被連結文檔的語言。
media	media_query	規定被連結文檔是為何種媒介/裝置最佳化的。
name	section_name	HTML5 中不支援。規定錨的名稱。
rel	text	規定當前文檔與被連結文檔之間的關係。
rev	text	HTML5 中不支援。規定被連結文檔與當前文檔之間的關係。
shape	default rect circle poly	HTML5 中不支援。規定連結的形狀。
target	_blank _parent _self _top framename	規定在何處開啟連結文檔。
type	MIME type	規定被連結文檔的的 MIME 類型。

 

 

全域屬性

<a> 標籤支援 HTML 中的全域屬性。

 

 

事件屬性

<a> 標籤支援 HTML 中的事件屬性。

 

 

親自試一試 - 執行個體

建立超級連結

本例示範如何在 HTML 文檔中建立連結。

將映像作為連結

本例示範如何使用映像作為連結。

連結到同一個頁面的不同位置

本例示範如何使用連結跳轉至文檔的另一個部分

在新的瀏覽器視窗開啟連結

本例示範如何在新視窗開啟一個頁面，這樣的話訪問者就無需離開你的網站了。

跳出架構

本例示範如何跳出架構，假如你的頁面被固定在架構之內。

建立電子郵件連結

本例示範如何如何連結到一個郵件。（本例在安裝郵件用戶端程式後才能工作。）

建立電子郵件連結 2

本例示範更加複雜的郵件連結。

相關頁面

HTML 教程：HTML 連結

HTML DOM 參考手冊：Anchor 對象

HTML <a> 標籤