html锚链接

锚点(anchor)：其实就是超链接的⼀种，⼀种特殊的超链接

普通的超链接，<a href="路径"></a> 是跳转到不同的页⾯

⽽锚点，<a href="路径"></a> 可以在同⼀个页⾯中不同的位置间跳转

可以看到，跳转到锚点的超链接跟普通的超链接格式是⼀样的，

记住我1.使⽤锚点的步骤：

1.1.先建⽴锚点⽬标，

如上所述，锚点可以在同⼀页⾯的不同位置间跳转，其实就是在元素间跳转，

常⽤的场景就是，页⾯很长，让⽤户⽅便在页⾯不同部分间跳转

建⽴锚点⽬标，只需要给⽬标元素增加id或者name即可，推荐id：

1.2.要创建跳转到id="test"的div的锚点，

注意：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>