html標(biāo)簽a標(biāo)簽的相關(guān)用法介紹
A標(biāo)簽最基礎(chǔ)href屬性用法如下:<ahref="http://m.wwwhk0222.com">仁舟網(wǎng)絡(luò)</a>(指向仁舟網(wǎng)絡(luò)的網(wǎng)站)我們在瀏覽網(wǎng)頁的時(shí)候經(jīng)常看到<a>標(biāo)簽的其它用法:1.<ahref=
A標(biāo)簽最基礎(chǔ)href屬性用法如下:
<a href="http://m.wwwhk0222.com">仁舟網(wǎng)絡(luò)</a>(指向仁舟網(wǎng)絡(luò)的網(wǎng)站)
我們在瀏覽網(wǎng)頁的時(shí)候經(jīng)??吹?lt;a>標(biāo)簽的其它用法:
1.<a href="#">回到頂部</a>
這種是一個(gè)空鏈接,但是如果頁面有滾動(dòng)條的時(shí)候,點(diǎn)擊這種鏈接可以直接回到頂部,在網(wǎng)頁底部加一個(gè)回到頂部的按鈕的時(shí)候這種連接非常簡單也很實(shí)用。
2.<a href="javascript:void(0);"></a>
這個(gè)在使用過程中也會(huì)經(jīng)常遇到,你會(huì)發(fā)現(xiàn)點(diǎn)擊這個(gè)鏈接不會(huì)有任何動(dòng)作,也就是沒有任何反應(yīng)。既然沒有任何反應(yīng)干嘛要這個(gè)方法,一般這樣的都是搭配js函數(shù)使用,如下面第三點(diǎn)的使用方法。
3.<a href="javascript:void(0);" onclick="gotop()">回到頂部</a>
這個(gè)方法比較常用,也是經(jīng)??吹降?,點(diǎn)擊標(biāo)簽不會(huì)有任何反應(yīng),但是會(huì)執(zhí)行onclick里面的js函數(shù),比如上面的gotop()函數(shù)如果寫的是回到頂部,那么點(diǎn)擊這個(gè)標(biāo)簽同樣是回到頂部,有人就說了,方法1中不是說那個(gè)方法非常簡單嗎,那為什么還要用這個(gè)方法呢?第一種方法是簡單,但是回到頂部的效果也是非常的普通,搭配js效果會(huì)讓回到頂部的效果更好。onclick里面的函數(shù)可以隨便寫,實(shí)現(xiàn)任何你想實(shí)現(xiàn)的效果。
4.<a href="javascript:;" onclick="gotop()">回到頂部</a>
這個(gè)方法和第三個(gè)方法一致。寫法不一樣。功能完全一樣
5.<a href="#top">仁舟網(wǎng)絡(luò)</a>
這個(gè)方法也是比較常見的一種,稱作錨文本,實(shí)現(xiàn)的功能是點(diǎn)擊這個(gè)按鈕回到此頁面一個(gè)id為top的地方,這個(gè)對跳轉(zhuǎn)到指定內(nèi)容非常方便。如果想跳到別的頁面的某個(gè)位置這個(gè)方法同樣實(shí)用。方法是href="/content.html#contact" 這樣就可以跳轉(zhuǎn)到content.html頁面的id為contact 的地方。
A標(biāo)簽最常用的屬性就是href,其它還有target屬性,這個(gè)屬性有最常用的2個(gè)值
1._blank是另起一個(gè)窗口打開新網(wǎng)頁
2._self在本身這個(gè)網(wǎng)頁窗口來打開新的網(wǎng)頁鏈接,所有不寫target的都會(huì)默認(rèn)這個(gè)值
3._parent這個(gè)在iframe框架中會(huì)使用到,平常沒有框架的網(wǎng)頁等同于_self
4._top等同于_self
A標(biāo)簽在H5中有個(gè)download屬性,可以規(guī)定被下載的超鏈接目標(biāo)。在H5中還有個(gè)type 屬性是規(guī)定被鏈接文檔的的 MIME 類型。
其它還有一些不常用的屬性,這里就不多做介紹了,此文介紹了A標(biāo)簽的常用屬性以及使用方法。解決了大部分的問題。近期我們會(huì)介紹一些其它標(biāo)簽的使用方法。