到a標(biāo)簽，大家第一時(shí)間想到的一定是a標(biāo)簽的鏈接作用，除了鏈接，我們還能想到什么呢？

下面的篇幅我們一起來(lái)討論html中a標(biāo)簽的用途。（針對(duì)html5討論，html5中不支持的功能

不在此篇文章的討論范圍內(nèi)）

1. 鏈接作用

這個(gè)大家都很熟悉，就是點(diǎn)擊跳轉(zhuǎn)到我們?cè)O(shè)定的鏈接上，具體語(yǔ)法為：

<a href="xxx(鏈接地址)">跳轉(zhuǎn)</a>

平常我們?cè)邳c(diǎn)擊鏈接的時(shí)候有時(shí)候會(huì)在當(dāng)前頁(yè)面加載，有時(shí)候會(huì)在新標(biāo)簽頁(yè)加載，還有的甚至?xí)陆ù翱诩虞d，為什么會(huì)這樣呢？這里我們就需要引進(jìn)a標(biāo)簽的一個(gè)屬性target（僅在href屬性存在時(shí)才能使用）。根據(jù)w3c的文檔說(shuō)明我們會(huì)看到target屬性有多個(gè)值，對(duì)應(yīng)的說(shuō)明如下：

_blank -->總在一個(gè)新打開(kāi)、未命名的新標(biāo)簽頁(yè)中載入目標(biāo)文檔。
_self -->在當(dāng)前標(biāo)簽頁(yè)中載入目標(biāo)文檔（默認(rèn)選項(xiàng)，無(wú)需特別聲明）
_parent -->在當(dāng)前框架（frame）的父框架（父級(jí)frame）中載入目標(biāo)文檔
_top -->在當(dāng)前框架（frame）的頂部框架（頂級(jí)frame）中載入目標(biāo)文檔
framename -->在指定的框架中載入目標(biāo)文檔

注意：以上屬性只能在新標(biāo)簽或者當(dāng)前標(biāo)簽載入目標(biāo)文檔，那么如何能夠在新窗口載入目標(biāo)文檔呢？我們需要用到j(luò)s中的window.open()方法，具體代碼如下：

<script type="text/javascript">
 function openNewWindow(url, title)
 {
 window.open(url, title);
 }
</script>
<a href='javascript：openNewWindow("xxx(鏈接地址)", "標(biāo)題")'>跳轉(zhuǎn)</a>

2. 錨點(diǎn)定位

除了鏈接到新地址，a標(biāo)簽還可以用來(lái)做頁(yè)面內(nèi)導(dǎo)航，即錨點(diǎn)定位，具體代碼如下：

<div id="test">test</div>
<a href="#test">跳轉(zhuǎn)</a>

點(diǎn)擊跳轉(zhuǎn)即可定位到id為test的div所在的位置。

3. 打電話/發(fā)短信/發(fā)郵件

<a href="tel:電話號(hào)碼">打電話</a>
<a href="sms:電話號(hào)碼">發(fā)短信</a>
<a href="mailto:郵箱地址">發(fā)郵件</a>

4. 下載

<a href="xxx（下載地址）" download="文件名">下載</a>

注意：以上下載地址要與原頁(yè)面同源，否則無(wú)法下載。download的值可以缺省，如果缺省則按文件默認(rèn)名命名。

天我們來(lái)看下html中<a></a>的特點(diǎn)與功能

一 .a標(biāo)簽是超鏈接標(biāo)簽，首先我們說(shuō)一下它的特點(diǎn)：

1.在網(wǎng)頁(yè)中默認(rèn)會(huì)有下劃線

2.不會(huì)繼承父級(jí)的顏色樣式

其中，自帶的下劃線不美觀，但我們可以用以下代碼解決，ctrl+s保存后，下劃線就沒(méi)有了

二 .下面我們來(lái)看看a標(biāo)簽的幾個(gè)功能：

1.跳轉(zhuǎn)頁(yè)面

href 屬性要跳轉(zhuǎn)頁(yè)面的地址（沒(méi)地址的情況下可以寫(xiě)一個(gè)#）,即可以給網(wǎng)絡(luò)的地址也可以給本地的地址

target 屬性

值：_blank在新頁(yè)面打開(kāi)

_self 在本頁(yè)面打開(kāi)（默認(rèn)的）

2.錨點(diǎn)

作用：網(wǎng)頁(yè)太長(zhǎng)時(shí)，通過(guò)點(diǎn)擊頁(yè)面某一個(gè)導(dǎo)航，頁(yè)面直接到達(dá)該內(nèi)容，網(wǎng)頁(yè)還是該網(wǎng)頁(yè)，只是向下自己滑動(dòng)。

實(shí)現(xiàn)方法：在 href 的值里寫(xiě)上#name,name對(duì)應(yīng)id的值

下面是一個(gè)簡(jiǎn)單例子，點(diǎn)擊顏色就會(huì)跳轉(zhuǎn)到相應(yīng)顏色區(qū)域

3.下載

作用：實(shí)現(xiàn)網(wǎng)頁(yè)的下載功能

實(shí)現(xiàn)方法：在 href 里寫(xiě)上文件的地址就可以了

注意：如果你要下載的文件瀏覽器能夠讀出來(lái)，那它就不會(huì)被下載，而是會(huì)被直接打開(kāi)。如果就想讓瀏覽器下載所有文件，那就在a標(biāo)簽里添加一個(gè)屬性download（ h5 新增屬性，不兼容IE低版本），它的值寫(xiě)上文件的名字加后綴名

三.此外，介紹一下a標(biāo)簽的顏色，給a標(biāo)簽換顏色也是會(huì)經(jīng)常用到的，但是怎么改呢？

這里用到了“偽類”，偽類：針對(duì)元素的某種狀態(tài)添加的不同樣式

a :link 未訪問(wèn)鏈接的（顏色）狀態(tài)

:visited訪問(wèn)過(guò)的鏈接的（顏色）狀態(tài)

:hover鼠標(biāo)移入（懸停）（顏色）狀態(tài)

:active鼠標(biāo)按下不動(dòng)時(shí)候的（顏色）狀態(tài)

今天的a標(biāo)簽就介紹到這里，你學(xué)到了嗎？

覽器支持

所有主流瀏覽器都支持 <a> 標(biāo)簽。

標(biāo)簽定義及使用說(shuō)明

<a> 標(biāo)簽定義超鏈接，用于從一個(gè)頁(yè)面鏈接到另一個(gè)頁(yè)面。

<a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標(biāo)。

在所有瀏覽器中，鏈接的默認(rèn)外觀如下：

• 未被訪問(wèn)的鏈接帶有下劃線而且是藍(lán)色的

• 已被訪問(wèn)的鏈接帶有下劃線而且是紫色的

• 活動(dòng)鏈接帶有下劃線而且是紅色的

提示和注釋

提示：如果沒(méi)有使用 href 屬性，則不能使用 hreflang、media、rel、target 以及 type 屬性。

提示：通常在當(dāng)前瀏覽器窗口中顯示被鏈接頁(yè)面，除非規(guī)定了其他 target。

提示：請(qǐng)使用 CSS 來(lái)改變鏈接的樣式。

HTML 4.01 與 HTML5之間的差異

在 HTML 4.01 中，<a> 標(biāo)簽既可以是超鏈接，也可以是錨。在 HTML5 中，<a> 標(biāo)簽是超鏈接，但是假如沒(méi)有 href 屬性，它僅僅是超鏈接的一個(gè)占位符。

HTML5 有一些新的屬性，同時(shí)不再支持一些 HTML 4.01 的屬性。

屬性

New ：HTML5 中的新屬性。

全局屬性

<a> 標(biāo)簽支持 HTML 的全局屬性。

事件屬性

<a> 標(biāo)簽支持 HTML 的事件屬性。

創(chuàng)建超級(jí)鏈接

本例演示如何在 HTML 文檔中創(chuàng)建鏈接。

將圖像作為鏈接

本例演示如何使用圖像作為鏈接。

在新的瀏覽器窗口打開(kāi)鏈接

本例演示如何在新窗口打開(kāi)一個(gè)頁(yè)面，這樣的話訪問(wèn)者就無(wú)需離開(kāi)您的站點(diǎn)了。

創(chuàng)建電子郵件鏈接

本例演示如何鏈接到一個(gè)郵件。（本例在安裝郵件客戶端程序后才能工作。）

創(chuàng)建電子郵件鏈接 2

本例演示更加復(fù)雜的郵件鏈接。

使用錨跳轉(zhuǎn)到同一個(gè)頁(yè)面的不同位置

本例演示如何使用錨的 id 屬性跳轉(zhuǎn)到頁(yè)面的不同位置（ HTML5 不支持 name 屬性）

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！