Html5大纲算法及标签简介

在 HTML5 中有一个很重要的概念，叫做大纲算法(HTML5 Outliner)，它主要作用是便于用户阅读，同时也利于搜索引擎优化。比如我们经常使用的课本，会看到前面有个目录，上面清晰列出了整本书的大纲，这便于用户查找阅读，同样网页也需要个大纲。合理的使用 HTML5 元素标签，可以生成一个非常清晰的文档大纲，我们可以通火狐游览器插件HTML 5 Outliner工具去查看当前html5大纲页面。要想了解大纲算法，必须还要知道几个标签比如，header，section，nav，aside。

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

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

③nav和aside是存放链接用的，可以没有h标题标签，如果在html5大岗中出现untiled section也是合理的。最后body是整个网页中的，也需要一个标题。