HTML <a> 標籤
更多“自己嘗試”的例子見下文。
定義和用法
<a>
標籤定義一個超連結,用於從一個頁面連結到另一個頁面。
<a>
元素最重要的屬性是 href
屬性,它指定了連結的**目的地**。
預設情況下,連結在所有瀏覽器中會顯示如下:
- 未訪問過的連結顯示為藍色下劃線
- 已訪問過的連結顯示為紫色下劃線
- 活動的連結顯示為紅色下劃線
提示和註釋
提示:如果 <a>
標籤沒有 href
屬性,它僅作為一個超連結的佔位符。
提示:連結的頁面通常在當前的瀏覽器視窗中顯示,除非您指定了其他目標。
提示:使用 CSS 來設定連結樣式:CSS 連結和CSS 按鈕。
瀏覽器支援
元素 | |||||
---|---|---|---|---|---|
<a> | 是 | 是 | 是 | 是 | 是 |
屬性
Attribute | 值 | 描述 |
---|---|---|
download | filename | 指定使用者點選超連結時將下載目標 |
href | URL | 指定連結指向頁面的 URL |
hreflang | language_code | 指定連結文件的語言 |
media | media_query | 指定連結文件為哪個媒體/裝置進行了最佳化 |
ping | list_of_URLs | 指定一個以空格分隔的 URL 列表,當連結被點選時,瀏覽器會(在後臺)向這些 URL 傳送帶有 `ping` 主體的 POST 請求。通常用於跟蹤。 |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url |
指定在連結中傳送的引用資訊 |
rel | alternate author 書籤 external 幫助 license next nofollow noreferrer noopener prev search tag |
指定當前文件與連結文件之間的關係 |
target | _blank _parent _self _top |
指定在哪裡開啟連結的文件 |
type | media_type | 指定連結文件的媒體型別 |
全域性屬性
<a>
標籤也支援HTML 中的全域性屬性。
事件屬性
<a>
標籤也支援HTML 中的事件屬性。
更多示例
示例
如何使用影像作為連結
<a href="https://w3schools.tw">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>
自己動手試一試 »
相關頁面
HTML 教程:HTML 連結
HTML DOM 參考:Anchor 物件
CSS 教程:樣式化連結
預設 CSS 設定
大多數瀏覽器將使用以下預設值顯示 <a>
元素:
a:link, a:visited {
color: (內部值);
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: (內部值);
}