html錨點(mao dian)--特殊的超連接

錨點(anchor)：其實就是超連接的一種，一種特殊的超連接

     普通的超連接，<a href="路徑"></a> 是跳轉到不一樣的頁面

     而錨點，<a href="路徑"></a> 能夠在同一個頁面中不一樣的位置間跳轉

     能夠看到，跳轉到錨點的超連接跟普通的超連接格式是同樣的，

1.使用錨點的步驟：

   1.1.先創建錨點目標，

        如上所述，錨點能夠在同一頁面的不一樣位置間跳轉，其實就是在元素間跳轉，

        經常使用的場景就是，頁面很長，讓用戶方便在頁面不一樣部分間跳轉

        創建錨點目標，只須要給目標元素增長id或者name便可，推薦id：

        <div id="test" name="test"></div>

   1.2.要建立跳轉到id="test"的div的錨點，

           <a href="#test"></a>

   注意：1.錨點的超連接路徑必定包含"#",然後面緊跟元素的id或者name

              (因此id和name必須同樣，其實我試了有時name是不生效的)

2.錨點使用總結：

  2.1. 創建錨點的元素必需要有id或name屬性，最好兩個都有

  2.2. 錨點超連接必定包含井號"#",錨點超連接都在連接的最末端，具體看後面例子

  2.3. 同一個頁面不一樣部分的跳轉，錨點的寫法

            目標元素：<p id="test"></p>     錨點超連接：<a href="#test"></a>

  2.4. 不一樣頁面跳轉，同時存在錨點

           目標元素：a.html頁面的<div id="test"/>   錨點超連接：<a href="a.html#test"></a>

           （先跳到a.html頁面，而後再尋找id=test的元素）

  2.5. 不一樣頁面帶參數跳轉，同時存在錨點

           目標元素：a.php?p=abc頁面的<div id="test"/>   錨點超連接：<a href="a.php?p=abc#test"></a>