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>