锚点的设置
在开发中, 经常需要实现这需求! 其实, 实现的原理很简单!
使用<a>标签就可以解决! 用专业术语说, 就是如何设置锚点!
<a>.png
示例
<html>
<head>
<meta charset="utf-8" />
<title>html-test</title>
</head>
<body>
<a href="#介绍">学校介绍</a>
<a href="#导航">学校位置</a>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<a name="介绍"><h2>学校介绍</h2></a>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<a name="导航"><h2>学校位置</h2></a>
</body>
</html>
效果图
demo.gif
同时, 这是地址栏的变化:
地址栏.png
网友评论