锚点链接对 SEO 的作用
对锚链接所在页面的作用
正常来讲，页面中增加的锚链接都和页面本身有一定的关系，因此，锚文本可以做为锚链接所在页面的内容评估。例如：本篇文章中含有“SEO”的链接，那么，说明本篇文章和 SEO 有一定关系。
对锚链接所执行页面的作用
锚链接能精确地描述所指向页面的内容，因此，锚链接能做为对所指向页面的评估。
锚链接对关键词排名的影响
锚链接对于关键字排名的意义在于它可以让内容页随机链接在一起，让蜘蛛可以很好的抓取更多页面，权重也能均匀的传递，同时增强页面的相关性，最终提升网站的关键词排名。
锚点添加方式
给锚点文本标签添加 id，使用
<a href="#"></a>来定位，当单击 a 链接时，就会跳到 id 为 one 的 p 标签处1
2
3
4
5
6
7
8
9
10
11<div>
<a href="#one"></a>
</div>
<p>锚链接跳转</p>
<p>锚链接跳转</p>
<p>锚链接跳转</p>
<p>锚链接跳转</p>
<p>锚链接跳转</p>
<p id="one">锚链接跳转</p>
<p>锚链接跳转</p>
<!-- 这样的定位可以针对任何标签来定位 -->给 a 标签的文本添加锚点，单击链接可跳到 name 为 two 的 a 标签处
1
2
3
4
5
6
7
8
9
10
11<div>
<a href="#two"></a>
</div>
<p>a标签跳转</p>
<p>a标签跳转</p>
<p>a标签跳转</p>
<p>a标签跳转</p>
<p>a标签跳转</p>
<a name="two" href="#">a标签跳转</a>
<p>a标签跳转</p>
<!-- 使用 name 属性只能针对 a 标签来定位，而对 div 等其他标签就不能起到定位作用 -->使用 JS
1
2
3
4
5
6
7<li class="" onclick="jump()">跳转</li>
<script>
var one = document.querySelector('#one')
function jump() {
one.scrollIntoView()
}
</script>