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