最新的Web開發教程
 

HTML <a> Tag


鏈接到w3ii.com:

<a href="http://www.w3ii.com">Visit w3ii.com!</a>
試一試»

更多“試一試”的例子。


定義和用法

所述<a>標記定義一個超鏈接,其用於鏈接從一個頁面到另一個。

在最重要的屬性<a>元素是href屬性,這表示鏈接的目標。

默認情況下,鏈接將出現在所有的瀏覽器如下:

  • 一個未訪問過的鏈接下劃線的藍色
  • 訪問鏈接是下劃線和紫色
  • 活動鏈接是下劃線和紅色

瀏覽器支持

元件
<a>

提示和注意

提示: following屬性: download, hreflang, media, rel, targettype不能,如果存在href屬性不存在。

提示:鏈接的頁面通常顯示在當前瀏覽器窗口,除非你指定另一個目標。

提示:使用CSS樣式鏈接: CSS教程鏈接CSS教程按鈕


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 指定鏈接的文檔的媒體類型