-
a
(HTML語言標籤)
鎖定
- 中文名
- a
- 外文名
- a
- 大 寫
- A
- 來 源
- anchor 的縮寫
a標籤簡介
這些標籤的作用是標明超連接的起始位置或目的位置。
<a> 標籤可定義錨。錨 (anchor) 有兩種用法:
通過使用 href 屬性,創建指向另外一個文檔的鏈接(或超鏈接)通過使用 name 或 id 屬性,創建一個文檔內部的書籤(也就是説,可以創建指向文檔片段的鏈接)<a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。
在所有瀏覽器中,鏈接的默認外觀是:未被訪問的鏈接帶有下劃線,而且是藍色的;已被訪問的鏈接帶有下劃線,而且是紫色的;活動鏈接帶有下劃線,而且是紅色的。
示例:
1. <a href="#">關鍵詞</a>
2. <a name="a00">關鍵詞</a>
a可選屬性
屬性 | 值 | 描述 |
---|---|---|
char_encoding | HTML5 不支持。規定目標 URL 的字符編碼。 | |
coords | coordinates | HTML5 不支持。規定鏈接的座標。 |
download(#)() | filename | 指定下載鏈接 |
URL | 規定鏈接的目標 URL。 | |
hreflang | language_code | 規定目標 URL 的基準語言。僅在 href 屬性存在時使用。 |
media(#) | media_query | 規定目標 URL 的媒介類型。默認值:all。僅在 href 屬性存在時使用。 |
section_name | HTML5 不支持。規定錨的名稱。 | |
alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 規定當前文檔與目標 URL 之間的關係。僅在 href 屬性存在時使用。 | |
text | HTML5 不支持。規定目標 URL 與當前文檔之間的關係。 | |
shape | default rect circle poly | HTML5 不支持。規定鏈接的形狀。 |
_blank _parent _self _topename | 規定在何處打開目標 URL。僅在 href 屬性存在時使用。 | |
type(#) | MIME_type | 規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
a語法
鏈接的 HTML 代碼很簡單。它類似這樣:
<a href="url">Link text</a>href 屬性規定鏈接的目標。
實例<a href="url/">Visit W3School</a>上面這行代碼顯示為:Visit W3School
點擊這個超鏈接會把用户帶到 W3School 的首頁。
提示:"鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。
HTML 鏈接 - target 屬性使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。
下面的這行會在新窗口打開文檔:
<a href="http://url/" target="_blank">Visit W3School!</a>
a標準屬性
id, class, title, style, dir, lang, xml:lang, tabindex, accesskey
a事件屬性
onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
[2]
a標籤偽類
a:link {color: #FF0000} /* 未訪問的鏈接 */
a:visited {color: #00FF00} /* 已訪問的鏈接 */
a:hover {color: #FF00FF} /* 當有鼠標懸停在鏈接上 */
a:active {color: #0000FF} /* 被選擇的鏈接 */
aname 屬性
name 屬性規定錨(anchor)的名稱。
name 屬性用於創建 HTML 內部的書籤。
書籤不會以任何特殊方式顯示,它對讀者是不可見的。
當使用命名錨(named anchors)時,我們可以創建直接跳至頁面中某個節的鏈接,這樣使用者就無需不停的滾動頁面來尋找他們需要的信息。
a命名錨的語法
<a name="label">Text to be displayed</a>提示:錨的名稱可以是任何你喜歡的名字。
a實例
HTML 文檔內部的已命名的錨:
<a name="tips">Useful Tips Section</a>然後,我們創建指向相同文檔中“有用的提示”部分的鏈接:
<a href="#tips">Visit the Useful Tips Section</a>或者,創建從另一個頁面指向該文檔中“有用的提示”部分的鏈接:
<a href="url/#tips">Visit the Useful Tips Section</a>在上面的代碼中,我們將 # 符號和錨名稱添加到 URL 的末端,就可以直接鏈接到 tips 這個命名錨了。