選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <a> 標籤


示例

建立到 W3Schools.com 的連結

<a href="https://w3schools.tw">訪問 W3Schools.com!</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>
自己動手試一試 »

示例

如何在新瀏覽器視窗中開啟連結

<a href="https://w3schools.tw" target="_blank">訪問 W3Schools.com!</a>
自己動手試一試 »

示例

如何連結到電子郵件地址

<a href="mailto:someone@example.com">傳送郵件</a>
自己動手試一試 »

示例

如何連結到電話號碼

<a href="tel:+4733378901">+47 333 78 901</a>
自己動手試一試 »

示例

如何連結到同一頁面上的另一個部分

<a href="#section2">跳轉到 Section 2</a>
自己動手試一試 »

示例

如何連結到 JavaScript

<a href="javascript:alert('Hello World!');">執行 JavaScript</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: (內部值);
}


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援