实现跳转锚点有以下两种方式
-
# + id
<a href='#html'>跳转到HTML</a> // 与h2中的id值一一对应 <a href='#css'>跳转到CSS</a> <a href='#javascript'>跳转到JavaScript</a> <h2 id='html'>HTML</h2> <p>超文本标记语言</p> <h2 id='css'>CSS</h2> <p>层叠样式表</p> <h2 id='javascript'>JavaScript</h2> <p>编程语言</p>
-
# + name(name属性是在空的a标签上加的)
<a href='#html'>跳转到HTML</a> // 与h2上方的a标签中的name值一一对应 <a href='#css'>跳转到CSS</a> <a href='#javascript'>跳转到JavaScript</a> <a name='html'></a> <h2>HTML</h2> <p>超文本标记语言</p> <a name='css'></a> <h2>CSS</h2> <p>层叠样式表</p> <a name='javascript'></a> <h2>JavaScript</h2> <p>编程语言</p>
实现效果