HTML-超連結a標籤
阿新 • • 發佈:2021-10-13
在HTML具有點選後跳轉到另一個連結的功能標籤,如下:
<a href="http://www.baidu.com"></a>
上述href是調整的路徑;分為外部路徑和內部路徑;這兩個在實際開發都很常用;沒說哪個佔優勢啥的;
a標籤本身是個行內元素,但是他內部可以放任何元素,塊元素也可以;但除了他自身外不能巢狀;
當使用內部路徑時,通常時訪問專案內的資源或介面時;
<a href="./index.html"></a> //調整到當前目錄的index.html <a href="../index.html"></a> //調整到上一級目錄下的index.html
當使用外部路徑,則是調整第三方的URL;可以是域名+埠+資源路徑,也可以是IP+埠+資源路徑;
<a href="http://www.baidu.com/login"></a> <a href="http://192.168.1.1/login"></a>
任何a標籤還有一個屬性是target,用來控制新視窗從哪裡開啟,如下:
<a href="http://www.baidu.com/login" target="_self"></a> 當前視窗開啟 <a href="http://www.baidu.com/login" target="_blank"></a> 開啟一個新的視窗
然後上面使用也沒有說哪個用的多,看專案和使用者需求而定;
還有一個比較特殊的需求,就是點選超連結後,能滾動到當前頁面的指定位置;這個也是可以做的,只需要給滾動到指定位置的元素加個ID屬性即可,比如下面程式碼:
<a href="#li4"></a> //當點選連結時,則會調到id為li4元素的位置 <ul> <li>1</li> <li>2</li> <li>3</li> <li id="li4">4</li> <li>6</li> </ul>
然後還有一種常見的情況,就是某個連結不希望點了之後有任何效果;通常開發人員不會將href=“”,而是採用下面這種更優雅的寫法:
<a href="javascript:;"></a>