页面添加锚点的三种方式

页面添加锚点的三种方式

锚点的添加方式：
1、给锚点文本标签添加id，使用来定位，当单击a链接时，就会跳到id为a01的p标签处；

<div>
    <a href="#a01"></a>
</div>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p id="a01">练习</p>
<p>练习</p>

　　这样的定位可以针对任何标签来定位。　　
2、给a标签的文本添加锚点，单击链接可跳到name为a01的a标签处；

<div>
    <a href="#a01"></a>
</div>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<a name="a01" href=“#”>练习</a>
<p>练习</p>

使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。　
3、使用js

<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>

转载自https://www.cnblogs.com/zhangxiaopeng/p/6255750.html