html 標籤錨點跳轉的簡單應用

      html <a>標籤錨點跳轉的簡單應用

    <a>標籤的最重要功能是實現超連接和錨點。通常來講一般認爲 <a>標籤最重要的做用是實現超連接，可是就功能來講還有其餘的做用。因此就來整理下 <a>標籤中href做爲錨點在本頁面跳轉的經常使用用法。

    相信咱們你們在平時瀏覽網頁頁面的時候，常常會發如今頁面的右下角或者左下角有相對固定的導航欄，其中底部大都帶有一個放回頂部的按鈕。

    那麼它是怎麼實現的呢？這個時候a標籤就能夠簡單的實現這個功能。好比：<a href="#"></a>;就表明回到頁面的最頂部。

    但一樣的，它的功能不單單只是侷限在回到頂部。它還能夠回到咱們頁面中的某一個節點。在<a href="#"></a>中，#以後能夠加id。好比咱們有一個頁面，裏面只放一篇文章。而後咱們在文章的底部設置對應文章的每一個段落以前，設置一個惟一的id，而後咱們在a標籤中引用這個id。id的名字能夠按照我的語義化來設定。

當咱們在<a href="# xx"></a>（xx位置表明設置好的每個id)；引用時。那麼咱們在瀏覽頁面時，經過底部a標籤所對應的跳轉按鈕，便可跳轉到每一個id所對應跳轉的段落以前。

    做爲錨點，它的做用還有不少，本片就旨在講解回到頂部以及節點跳轉的內容。更多功能簡介將在後續文章中給你們介紹。