html5新增加的结构标签有：1、section标签，定义文档中的节；2、article标签；3、nav标签；4、aside标签；5、header标签，定义文档的页眉；6、footer标签；7、hgroup标签；8、figure标签。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
HTML5的新结构标签
在之前的HTML页面中，大家基本上都是用了p+CSS的布局方式。而搜索引擎去抓取页面的内容的时候，它只能猜测你的某个p内的内容是文章内容容器，或者是导航模块的容器，或者是作者介绍的容器等等。也就是说整个HTML文档结构定义不清晰，HTML5中为了解决这个问题，专门添加了：页眉、页脚、导航、文章内容等跟结构相关的结构元素标签。
在讲这些新标签之前，我们先看一个普通的页面的布局方式：
上图中我们非常清晰的看到了，一个普通的页面，会有头部，导航，文章内容，还有附着的右边栏，还有底部等模块，而我们是通过class进行区分，并通过不同的css样式来处理的。但相对来说class不是通用的标准的规范，搜索引擎只能去猜测某部分的功能，另外就是此页面程序交给视力障碍人士来阅读的话，文档结构和内容也不会很清晰。而HTML5新标签带来的新的布局则是下面这种情况：
相关的HTML代码是：
... ...
登录后复制
有了上面的直接的感官的认识后，我们下面一一来介绍HTML5中的相关结构标签。
立即学习“前端免费学习笔记（深入）”；
section标签
当我们描述一件具体的事物的时候，通常鼓励使用article来代替section；当我们使用section时，仍然可以使用h1来作为标题，而不用担心它所处的位置，以及其它地方是否用到；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用p元素而非section。
section是什么？
一个新的章节
关于section
section的介绍
...
登录后复制
article标签
是一个特殊的section标签，它比section具有更明确的语义，它代表一个独立的、完整的相关内容块，可独立于页面其它内容使用。例如一篇完整的论坛帖子，一篇博客文章，一个用户评论等等。一般来说，article会有标题部分（通常包含在header内），有时也会包含footer。article可以嵌套，内层的article对外层的article标签有隶属关系。例如，一篇博客的文章，可以用article显示，然后一些评论可以以article的形式嵌入其中。
