怎样制作页面标签

在这一个网页中，由于整个网页的内容较多，所以页面很长，左侧制作了一些标签，直接点击标签文字就可下滑到相对应内容页面下方，请问这种页面标签是如何制作的呢？注：不是文字超链接  ，打开一个新窗口的形式哦，是在同一个网页中的~

<div id="x1" style="height:1000px">
<a href="#x2">x2</a>
</div>
<div id="x2" style="height:1000px">
<a href="#x1">x1</a>
</div>简单来说就是给每个div 加个ID.链接点击x1的时候跳转到div id="x1"的标签点击X2同理应该很好理解了