html中设置锚点定位

需求:

需要在页面内做一个导航

设置锚点:

<h2>我是标题一</h2>
<h2>我是标题二</h2>
<h2>我是标题三</h2>

 



在页面内设置锚点,做一个索引,点击相应的索引标题就跳转到相应的段落
那么就只要在标题所在的html标签里面设置一个ID,然后链接过去即可,可以像下面这样设置ID
<h2 id="a">我是标题一</h2>
<h2 id="b">我是标题二</h2>
<h2 id="c">我是标题三</h2>

 



然后在索引里面这样设置超链接就可以实现和锚点的连接了
<a href="#a">点击我就会跳到第一段</a>
<a href="#b">点击我就会跳到第二段</a>
<a href="#c">点击我就会跳到第三段</a>

 

posted @ 2017-09-15 15:55  迷人的智慧  阅读(1149)  评论(0编辑  收藏  举报