HTML <a> 標簽的定義和用法
<a> 標簽可定義錨。錨 (anchor) 有兩種用法：
通過使用 href 屬性，創建指向另外一個文檔的鏈接（或超鏈接）
通過使用 name 或 id 屬性，創建一個文檔內部的書簽（也就是說，可以創建指向文檔片段的鏈接）
<a> 標簽最重要的屬性是 href 屬性，它指定鏈接的目標。
HTML <a> 標簽的重要屬性
屬性值 描述
charset, char_encoding,HTML5 中不支持。規定被鏈接文檔的字符集。
coords, coordinates, HTML5 中不支持。規定鏈接的坐標。
download, filename, 規定被下載的超鏈接目標。
href, URL, 規定鏈接指向的頁面的 URL。
href, langlanguage_code, 規定被鏈接文檔的語言。
media, media_query, 規定被鏈接文檔是為何種媒介/設備優化的。
name, section_name, HTML5 中不支持。規定錨的名稱。
rev, text, HTML5 中不支持。規定被鏈接文檔與當前文檔之間的關系。
shape, default，rect，circle，poly , HTML5 中不支持。規定鏈接的形狀。
target, _blank，_parent，_self，_top，framename, 規定在何處打開鏈接文檔。
type, MIME type, 規定被鏈接文檔的的 MIME 類型。
HTML <a> 標簽的標准屬性
id, class, title, style, dir, lang, xml:lang, tabindex, accesskey
HTML <a> 標簽的事件屬性
onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup,
onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
HTML <a> 標簽的重要的target 屬性
<a> 標簽的 target 屬性規定在何處打開鏈接文檔。
如果在一個 <a> 標簽內包含一個 target 屬性，瀏覽器將會載入和顯示用這個標簽的 href 屬性命名的、名稱與這個目標吻合的框架或者窗口中的文檔。如果這個指定名稱或 id 的框架或者窗口不存在，瀏覽器將打開一個新的窗口，給這個窗口一個指定的標記，然后將新的文檔載入那個窗口。從此以后，超鏈接文檔就可以指向這個新的窗口。
打開新窗口
被指向的超鏈接使得創建高效的瀏覽工具變得很容易。例如，一個簡單的內容文檔的列表，可以將文檔重定向到一個單獨的窗口：
|
1
2
3
4
5
6
7
|
<
h3
>Table of Contents</
h3
>
<
ul
>
<
li
><
a
href
=
"pref.html"
target
=
"view_window"
>www.169it.com,Preface</
a
></
li
>
<
li
><
a
href
=
"chap1.html"
target
=
"view_window"
>www.169it.com,Chapter 1</
a
></
li
>
<
li
><
a
href
=
"chap2.html"
target
=
"view_window"
>www.169it.com,Chapter 2</
a
></
li
>
<
li
><
a
href
=
"chap3.html"
target
=
"view_window"
>www.169it.com,Chapter 3</
a
></
li
>
</
ul
>
|
HTML <a> 標簽的四種狀態
一般來說，a標簽有着四種狀態，分別是link,hover,active,visited。具體用法如下圖:
1. 如果不使用<a> 標簽的 href 屬性，則不可以使用如下屬性：download, hreflang, media, rel, target 以及 type 屬性。
2. 被鏈接頁面通常顯示在當前瀏覽器窗口中，除非您規定了另一個目標（target 屬性）。
HTML <a> 標簽實例
HTML <a> 標簽詳細用法舉例1, 創建超級鏈接
|
1
2
3
4
5
6
|
<
html
>
<
body
>
<
p
>
<
a
href
=
"www.169it.com"
>首頁</
a
>
</
body
>
</
html
>
|
HTML <a> 標簽詳細用法舉例2，在新的瀏覽器窗口打開鏈接即HTML <a> 標簽的 target 屬性
|
1
2
3
4
5
6
|
<
html
>
<
body
>
<
a
href
=
"http://www.169it.com/"
target
=
"_blank"
>訪問169it</
a
>
<
p
>如果把鏈接的 target 屬性設置為 "_blank"，該鏈接會在新窗口中打開。</
p
>
</
body
>
</
html
>
|
HTML <a> 標簽詳細用法舉例3, 跳出框架
|
1
2
3
4
5
6
7
|
<
html
>
<
body
>
<
p
>被鎖在框架中了嗎？</
p
>
<
a
href
=
"/index.html"
target
=
"_top"
>請點擊這里！</
a
>
</
body
>
</
html
>
|