前端学习笔记一一HTML如何添加锚点

页面添加锚点的三种方式

　　HTML中的连接，正确的说法应该称做"锚点"，它命名锚点连接（也叫书签连接）经常用于那些内容庞大繁琐的网页，经过点击命名锚点，不只让咱们能指向文档，还能指向页面里的特定段落，更能看成"精准连接"的便利工具，让连接对象接近焦点。便于浏览者查看网页内容。相似于咱们阅读书籍时的目录页码或章回提示。在须要指定到页面的特定部分时，标记锚点是最佳的方法。

锚点连接对SEO的做用

　　锚 连接是一个很是重要的概念，在网页中增长恰当的锚连接，会让所在网页和所指向网页的重要程度有所提高，从而影响到关键词排名。锚连接对SEO的做用主要体如今如下几个方面：

　　对锚连接所在的页面的做用

　　正常来说，页面中增长的连接锚连接都和页面自己有必定的关系，所以， 锚文本能够作为锚连接所在的页面的内容的评估。例如：本篇文章中含有“SEO”的连接，那么，说明本篇文章和SEO有必定关系。

　　对锚连接所指向页面的做用

　　锚 连接能精确的描述所指向页面的内容，所以，锚连接能作为对所指向页面的评估。

　　锚连接对关键词排名的影响

　　锚 连接对于 关键字排名的意义在于它可让内容页随机连接在一块儿，让蜘蛛能够很好的抓取更多页面，权重也能均匀的传递，同时加强页面的相关性，最终提高网站的关键词排名。

锚点的添加方式

　　一、给锚点文本标签添加id，使用<a href="#"></a>来定位，当单击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>

　　这样的定位能够针对任何标签来定位。　　

　　二、给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等其余标签就不能起到定位做用。　

　   三、使用js。

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