a標簽在前端應用中十分廣泛揭斧。下面介紹幾類常用的應用。
1. 第一個當然是跳轉(zhuǎn)鏈接了设褐。
<a >baidu</a>
2. 第二個能力是打電話。
<a href="tel:18877776666">call我</a>
3. 第三個是發(fā)郵件的功能垦沉。
<a href="mailto:10086@139.com">點我發(fā)郵件</a>
4. 最后一個才是重點，a標簽的錨點作用劣像。
<a href="#1">a標簽錨點作用乡话，點擊不刷新頁面哦</a>
形式跟id選擇器類似摧玫。
-
有啥作用耳奕？
用作置頂
單頁面應用
4.1 用作置頂
案例演示：
<div id="top">header</div>
<div style="height: 3000px;">content</div>
<div style="border:1px solid red; position:fixed; bottom:100px; right:20px;">
<a href="#top">置頂</a>
</div>
如上給置頂按鈕定位在頁面右下角，當垂直方向滾動條滾動到任意位置時诬像，點擊置頂按鈕屋群，頁面就會跳轉(zhuǎn)到設(shè)置有id為top元素的位置。
其實除了置頂外坏挠，還可以定位到頁面任意位置芍躏，只要給錨點定位到的位置設(shè)置一個單獨的id就行了。
4.2 單頁面應用
上面的錨點操作你可能會發(fā)現(xiàn)頁面的url地址多了一些字符降狠，而這些字符正好是href屬性的值对竣。
其實每次點擊a標簽都會給url添加href屬性值(覆蓋并不會累加)，這個值叫做哈希值(hash)榜配，而且最重要的是否纬，手動改變url的哈希值，對于瀏覽器來說蛋褥，頁面都不會刷新临燃。而對于用戶來說體驗更好。
跟單頁面有什么關(guān)系呢烙心？單頁面應用簡單來說就是字面意思膜廊，整個網(wǎng)站或者應用都在一個頁面，而點擊某一模塊淫茵，并不會跳轉(zhuǎn)新頁面或者不會再本頁刷新爪瓜。由于a標簽錨點的特性所以應用在單頁面開發(fā)中再合適不過。
H5中在
history對象中新增了用于單頁面開發(fā)的新方法匙瘪。pushState和replaceState
