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所對應跳轉的段落之前。

    作為錨點，它的作用還有很多，本片就旨在講解回到頂部以及節點跳轉的內容。更多功能簡介將在后續文章中給大家介紹。