錨點的作用及用法

錨點的作用及用法
    HTML中的a標籤大家都非常熟悉，它是超鏈接標籤，通過a標籤能夠跳轉到href中指定的頁面及指定的位置，a標籤可以做到單頁面跳轉或多頁面跳轉，錨點能夠跳轉到當前頁面中指定的位置，也能夠跳轉到指定的其他頁面或其他頁面中指定的位置。
    錨點有2種使用方法，第一種方法是跳轉到當前頁面中指定的位置，即單頁面跳轉；第二種方法是跳轉到其指定的其他頁面。

• 使用方法一：單頁面跳轉到指定位置。

    //a標籤中的代碼：
    <a href="#demo1">跳轉1</a>
    <a href="#node2">跳轉2</a>
    <a href="#node3">跳轉3</a>

    //跳轉到的代碼
    <p>00000000</p>
    <p>00000000</p>//…省略
    <p id="demo1">11111111</p>
    <p>00000000</p>
    <p>00000000</p>
    <p>00000000</p>//…省略
    <p id="node2">22222222</p>
    <p>00000000</p>//…省略
    <p id="node3">33333333</p>
    <p>00000000</p>//…省略

    以上代碼得到的效果：

• 方法二：跳轉到其他頁面：

<a href="file:///……跳轉頁面的路徑……/index.html">跳轉到其他頁面</a>

    以上代碼得到的效果：

    在路徑後面加上對應屬性名稱，即可跳轉到其他頁面的指定位置：

<a href="file:///……跳轉頁面的路徑……/anchor.html#node2">跳轉到其他頁面的指定位置</a>

    以上代碼得到的效果:

    a標籤通過錨點即可達到單頁面或多頁面跳轉，並能夠達到多需指向的位置。