HTML页面几种锚点链接的添加方式

　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>

标签： 锚点链接 HTML HTML标签