同一个页面内的位置锚定位

我自己称呼它叫页面内的书签。我有时候需要分享一些本地新闻，更新来更新去就内容很多，刚开始是想用分页还解决每次分享的不同内容，但是感觉不够直观，于是还是简介下博客里面评论的定位方法，网页锚定位吧，案例：新化南门湾永兴市场附近发生入室8.13杀人案，我用的是案例一

很多文章中都有介绍如果大篇幅页面，慢慢去找很费劲，而页内直接定位到相应的内容处，则十分方便。

但是很多文章只提到了 name属性，而且name属性还有很多限制与不完善。总结如下：
例1，<a href="#first">定位到first相关处</a>
<a href="#second">定位到second相关处</a>
<a href="#third">定位到second相关处</a>
…………
…………
<a name="first">first相关内容……</a><br/>
<a name="second">second相关内容</a><br/>
<a name="third">third相关内容</a><br/>
…………
如果你试过了，会发现上面代码可以正确跳转，你再试一下例2，
例2，<a href="#first">定位到first相关处</a>
<a href="#second">定位到second相关处</a>
<a href="#third">定位到second相关处</a>
<a href="#forth">定位到second相关处</a>
<a href="#five">定位到second相关处</a>
…………
…………
<div name="first">first相关内容……</div>
<span name="second">second相关内容</span><br/>
<div id="third">third相关内容</div>
<span id="forth">second相关内容</span><br/>
<a id="five">second相关内容</a><br/>
…………
你应该发现，只有以 id 作为其属性来定位的可以正确跳转。
总结：所以说，name属性作为跳转锚定位局限于<a…name=""…></a>。而id作为其属性来使用，可以适应更多的页面布局元素。而这是很多书中没有提到的。

来源