HTML-超鏈接a標簽


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM