从零开始建站(五) - 文章导航目录

概要：

网站建好后，总感觉阅读文章的时候，如果文章内容很多的时候，就给读者一种杂乱无章的感觉，结合PDF、Word大纲视图、百度百科等等，我觉得是时候也搞一个文章导航目录了，这样阅读的时候就能对文章整体有各大致了解，同时第一时间也可以直接通过锚点定位到自己要阅读的位置的东西。

一、应用

这里列举几个使用文章导航目录的地方：

1.百度百科

可以看到下面百度百科为了使结构清晰，所以使用了2个目录，第一个目录就像我们写毕业论文的目录，第二个就像Word和pdf左侧的导航目录，而我这里就是使用的后者。优点就是阅读的全程都可以跳转到你想要到的位置。

2.Word、pdf中应用

打开Word的视图，点击文档结构图，就可以看到

二、思路分析

1.解决方案-偷

1.1我们先看看百度百科是如何实现的，随便找条百度百科词条，然后按F12，查看定位的html标签，比如图中的“召唤师技能”可以看到是个H3标签