眾所周知,a標(biāo)簽是用來定義超鏈接,我們最常用的就是a標(biāo)簽href屬性,如果沒有設(shè)置這個(gè)屬性,他就會(huì)和最普通的行內(nèi)元素一樣 span 一樣,a標(biāo)簽的這些作用還有你不知道的嗎?
1.錨鏈接
在本頁(yè)面中可以直接使用#id名來使頁(yè)面滾動(dòng)到id所處位置,需要從其他頁(yè)面跳轉(zhuǎn)時(shí),需要在href后加上#id名即可在跳轉(zhuǎn)頁(yè)面是滾動(dòng)到id位置,這個(gè)滾動(dòng)是沒有動(dòng)畫的,如果需要?jiǎng)赢嬓Ч梢约由弦韵碌拇a:
$('.xxHead a').click(function () { $(this).addClass("on").siblings().removeClass("on") $("html, body").animate({ scrollTop: $($(this).attr("href")).offset().top + "px" }, 1000); return false; })
2.打電話發(fā)郵箱
蘋果手機(jī)瀏覽器會(huì)自動(dòng)識(shí)別網(wǎng)頁(yè)中手機(jī)號(hào)碼,并將其標(biāo)記為黑色,造成頁(yè)面的不美觀。
只需要在頭部加上:
<meta name="format-detection" content="telephone=no" />
但是加上這個(gè)會(huì)使號(hào)碼失去撥號(hào)的功能,于是我們可以使用以下代碼為瀏覽器添加撥號(hào)功能
<a href="tel:+13245678910">聯(lián)系電話:12345678</a> 打電話:tel標(biāo)簽
另外 a標(biāo)簽還能用來發(fā)郵箱
<a href="mailto:123456789@qq.com">Send email</a> 發(fā)郵箱: mailto鏈接
3.下載
部分網(wǎng)頁(yè)中需要下載,我們只需要設(shè)置download屬性規(guī)定內(nèi)容就是下的內(nèi)容的屬性名
<a href="文件地址" download="文件名">點(diǎn)擊下載</a>
4.規(guī)定跳轉(zhuǎn)方式
這屬于基操 target屬性_blank規(guī)定新窗口打開,_self規(guī)定本窗口打開
<a href="index.html" target="_self">此窗口打開</a>
5.阻止搜索引擎跟隨
如果A網(wǎng)頁(yè)上有一個(gè)鏈接指向B網(wǎng)頁(yè),但A網(wǎng)頁(yè)給這個(gè)鏈接加上了 rel=”nofollow” 標(biāo)注,則搜索引擎不把A網(wǎng)頁(yè)計(jì)算入B網(wǎng)頁(yè)的反向鏈接。