HTML5 Outliner大纲算法

在 HTML5 中有一个很重要的概念，叫做大纲算法(HTML5 Outliner)，主要作用是便于用户阅读，同时也利于搜索引擎优化。

例如,在我们经常使用的课本中，会看到前面有个目录，上面清晰列出了整本书的大纲，这便于用户查找阅读，同样网页也需要个一个大纲。合理的使用 HTML5 元素标签，可以生成一个非常清晰的文档大纲，我们可以通火狐游览器插件HTML 5 Outliner工具去查看当前html5大纲页面。

安装火狐浏览器插件HeadingsMap

a.在火狐浏览器扩展插件中搜索HeadingsMap，直接添加安装就可以了。

b.安装好后，需要在settings中将HTML 5 Outline tree勾上。

c.点击插件就可以实现大纲效果了。

了解大纲算法，熟悉header，section，nav，aside

1.header元素是一个具有引导和导航作用的结构元素，通常用来存放整个页面或页面内的一个内容区块的标题，但也可以包含其他的内容，比如在header里面放置logo图片、搜索表单等。但它不会展示在大纲中，不需要h标题。

2.section表示页面中内容区块的章节或段落，它会出现在目录大纲中，必须有h标题。

3.nav和aside是存放链接用的，可以没有h标题标签，如果在html5大岗中出现untiled section也是合理的。

注：body是整个网页的，也需要给一个标题。