大纲算法

在HTML5 中有一个很重要的概念，叫做HTML5 大纲算法(HTML5 Outliner)，它的用途是为用户提供一份页面的信息结构目录。比如我们经常使用的手册就是一个非常好的大纲结构
合理的使用HTML5 元素标签，可以生成一个非常清晰的文档大纲，我们可以通过各种工具去查看当前页面，比如谷歌和火狐的插件可以查看当前的HTML5 大纲。这里推荐使用一个服务器端的测试工具：
HTML5 Outliner，网址如下：
测试工具：https://gsnedders.html5.org/outliner/
这个工具可以上传本地html 文件，也可以填写URL，或者直接在多行文本框上编写HTML5 代码均可了解大纲。

section和div的区别
div 元素在html5 之前就是非常常用的标签，它本身没有任何语义，用来页面布局和CSS 样式以及JS 调用。那么，div 的用途已经说的很清楚了：

• 1.如果是页面布局，且不是header、footer 之类的专属区域，都应该使用div；
• 2.如果只是单纯的对一个端内容进行CSS 样式定义，那么也应该使用div;
• 3.如果想对一段内容进行JS 控制，那么也应该使用div。

html5 中，section 并不是用来取代div 的。它是具有语义的文档标签。表示一段文档中的章节，比如包含一个标题和一个段落，而大纲规范中，至少要包含一个标题。section 至少需要一个h1 ~ h6
header 元素不需要强制标题h1 ~ h6，如果有标题，算body 的。这样主大纲标题就有了
section 和nav 元素大纲要求有标题h1 ~ h6，但section 必须有才规范，而nav如果没有标题，也是合理的。当然，添加上标题会让大纲更加好看，页面中可以隐藏。