在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>