前端編程之路一一HTML錨點的用法

錨點的做用及用法     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標籤經過錨點便可達到單頁面或多頁面跳轉，並可以達到多需指向的位置。