整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
到a標簽，大家第一時間想到的一定是a標簽的鏈接作用，除了鏈接，我們還能想到什么呢？
下面的篇幅我們一起來討論html中a標簽的用途。（針對html5討論，html5中不支持的功能
不在此篇文章的討論范圍內）
1. 鏈接作用
這個大家都很熟悉，就是點擊跳轉到我們設定的鏈接上，具體語法為：
<a href="xxx(鏈接地址)">跳轉</a>
平常我們在點擊鏈接的時候有時候會在當前頁面加載，有時候會在新標簽頁加載，還有的甚至會新建窗口加載，為什么會這樣呢？這里我們就需要引進a標簽的一個屬性target（僅在href屬性存在時才能使用）。根據w3c的文檔說明我們會看到target屬性有多個值，對應的說明如下：
_blank -->總在一個新打開、未命名的新標簽頁中載入目標文檔。 _self -->在當前標簽頁中載入目標文檔（默認選項，無需特別聲明） _parent -->在當前框架（frame）的父框架（父級frame）中載入目標文檔 _top -->在當前框架（frame）的頂部框架（頂級frame）中載入目標文檔 framename -->在指定的框架中載入目標文檔
注意：以上屬性只能在新標簽或者當前標簽載入目標文檔，那么如何能夠在新窗口載入目標文檔呢？我們需要用到js中的window.open()方法，具體代碼如下：
<script type="text/javascript">
function openNewWindow(url, title)
{
window.open(url, title);
}
</script>
<a href='javascript：openNewWindow("xxx(鏈接地址)", "標題")'>跳轉</a>
2. 錨點定位
除了鏈接到新地址，a標簽還可以用來做頁面內導航，即錨點定位，具體代碼如下：
<div id="test">test</div> <a href="#test">跳轉</a>
點擊跳轉即可定位到id為test的div所在的位置。
3. 打電話/發短信/發郵件
<a href="tel:電話號碼">打電話</a> <a href="sms:電話號碼">發短信</a> <a href="mailto:郵箱地址">發郵件</a>
4. 下載
<a href="xxx（下載地址）" download="文件名">下載</a>
注意：以上下載地址要與原頁面同源，否則無法下載。download的值可以缺省，如果缺省則按文件默認名命名。
接標簽
定義：從一個網頁指向另一個網頁的目的地，
有四種類型：
（1）鏈接覆蓋原有的鏈接
（2）新開一個窗口
（3）圖片鏈接
（4）死鏈接
html:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>鏈接標簽</title>
</head>
<body>
<a href="https://www.baidu.com/"><font color="blue">百度</font></a>
<a href="https://www.jd.com/" target="_blank"><font color="blue">京東</font></a>
<a href="https://www.hao123.com/" target="_blank"><img src="../img/男孩子.png"/></a>
<a href="#" target="_blank">死鏈接</a>
</body>
</html>
天我們來看下html中<a></a>的特點與功能
一 .a標簽是超鏈接標簽，首先我們說一下它的特點：
1.在網頁中默認會有下劃線
2.不會繼承父級的顏色樣式
效果圖
詳細代碼
其中，自帶的下劃線不美觀，但我們可以用以下代碼解決，ctrl+s保存后，下劃線就沒有了
去掉下劃線
二 .下面我們來看看a標簽的幾個功能：
1.跳轉頁面
href 屬性要跳轉頁面的地址（沒地址的情況下可以寫一個#）,即可以給網絡的地址也可以給本地的地址
target 屬性
值：_blank在新頁面打開
_self 在本頁面打開（默認的）
跳轉頁面功能
2.錨點
作用：網頁太長時，通過點擊頁面某一個導航，頁面直接到達該內容，網頁還是該網頁，只是向下自己滑動。
實現方法：在 href 的值里寫上#name,name對應id的值
下面是一個簡單例子，點擊顏色就會跳轉到相應顏色區域
錨點例子
3.下載
作用：實現網頁的下載功能
實現方法：在 href 里寫上文件的地址就可以了
注意：如果你要下載的文件瀏覽器能夠讀出來，那它就不會被下載，而是會被直接打開。如果就想讓瀏覽器下載所有文件，那就在a標簽里添加一個屬性download（ h5 新增屬性，不兼容IE低版本），它的值寫上文件的名字加后綴名
下載功能
三.此外，介紹一下a標簽的顏色，給a標簽換顏色也是會經常用到的，但是怎么改呢？
這里用到了“偽類”，偽類：針對元素的某種狀態添加的不同樣式
a :link 未訪問鏈接的（顏色）狀態
:visited訪問過的鏈接的（顏色）狀態
:hover鼠標移入（懸停）（顏色）狀態
:active鼠標按下不動時候的（顏色）狀態
改變a標簽顏色
今天的a標簽就介紹到這里，你學到了嗎？
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
