更多“試一試”的例子。
定義和用法
所述<a>標記定義一個超鏈接,其用於鏈接從一個頁面到另一個。
在最重要的屬性<a>元素是href屬性,這表示鏈接的目標。
默認情況下,鏈接將出現在所有的瀏覽器如下:
- 一個未訪問過的鏈接下劃線的藍色
- 訪問鏈接是下劃線和紫色
- 活動鏈接是下劃線和紅色
瀏覽器支持
元件 | |||||
---|---|---|---|---|---|
<a> | 是 | 是 | 是 | 是 | 是 |
提示和注意
提示: following屬性: download, hreflang, media, rel, target和type不能,如果存在href屬性不存在。
提示:鏈接的頁面通常顯示在當前瀏覽器窗口,除非你指定另一個目標。
HTML 4.01和HTML5之間的差異
在HTML 4.01中, <a>標籤可以是一個超鏈接或錨。 在HTML5中, <a>標記始終是一個超鏈接,但是如果它沒有href屬性,這只是一個超鏈接的佔位符。
HTML5有一些新的屬性,以及一些HTML 4.01屬性都不再支持。
屬性
=新的HTML5。
全局屬性
該<a>標籤支持全球的HTML屬性 。
事件屬性
該<a>標籤支持的HTML事件屬性 。
試一試 - 示例
創建超級鏈接
如何創建超鏈接。
作為鏈接的圖像
如何使用圖像作為鏈接。
打開一個新的瀏覽器窗口的鏈接
如何打開一個新的瀏覽器窗口的鏈接,讓訪問者不必離開你的網站。
創建一個mailto鏈接
如何鏈接到郵件(如果你已經安裝了郵件才起作用)。
創建一個mailto鏈接2
另一個郵寄地址鏈接。
鏈接到一個元素與指定id
如何與指定鏈接到一個元素id在頁面中(該name屬性不是HTML5支持)。
鏈接到一個JavaScript
如何添加一個JavaScript裡面href屬性。
相關頁面
HTML教程: HTML鏈接
HTML DOM參考: 固定物
CSS教程: 樣式化鏈接
默認設置CSS
大多數瀏覽器將顯示<a>與以下默認值元素:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
}
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | 在HTML5不支持。 指定字符集鏈接的文件 |
coords | coordinates | 在HTML5不支持。 指定鏈接的坐標 |
download | filename | 指定當用戶點擊超鏈接的目標將被下載 |
href | URL | 指定鏈接轉到網頁的網址 |
hreflang | language_code | 指定鏈接文檔的語言 |
media | media_query | 指定何種媒體/設備鏈接文檔優化 |
name | section_name | 在HTML5不支持。 使用全球id屬性代替。 指定錨的名稱 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 指定當前文檔和所鏈接的文檔之間的關係 |
rev | text | 在HTML5不支持。 指定鏈接的文檔和當前文檔之間的關係 |
shape | default rect circle poly | 在HTML5不支持。 指定鏈接的形狀 |
target | _blank _parent _self _top framename | 規定在何處打開鏈接的文檔 |
type | media_type | 指定鏈接的文檔的媒體類型 |