1. 程式人生 > 其它 >HTML-超連結a標籤

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>