TOC（目录）

TOC即table of content，就是目录，用nav内包含ol和li，配合a标签即可制作。

<body>
  <nav>
    <ol>
      <li><a href="#第一章">第一章</a></li>
      <li><a href="#第二章">第二章</a></li>
      <li><a href="#第三章">第三章</a></li>
    </ol>
  </nav>
  <div id="第一章" style="height:400px;width:100px;background-color:black"></div>
  <div id="第二章" style="height:400px;width:100px;background-color:blue"></div>
  <div id="第三章" style="height:400px;width:100px;background-color:yellow"></div>
  <div style="height:1000px"></div>
</body>

其中，最后一个div的作用时增加额外的空白，这样子点击最后一个描点时，跳转的位置就能位于页面顶部了。

制作简单的点击跳转目录

TOC（目录）