对于HTML5来讲，在网页结构上标签定义与使用更加语义化，让搜索引擎以及工程师更加迅速理解当前网页的整个重心所在！
列举常用HTML5结构组合
| 语义化标签 | 意义 |
|---|---|
| header | 文档的页眉 |
| nav | |
| section | 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。 |
| article | 标签规定独立的自包含内容。 |
| figure | 标签规定独立的流内容（图像、图表、照片、代码等等）。 |
| figcaption | 用作文档中插图的图像，带有一个标题： |
| aside | 标签定义其所处内容之外的内容。aside 的内容应该与附近的内容相关。 |
| footer | 文档或节的页脚 |
一般首页结构，如图所示
当然也可以是下面的结构
0b55b319ebc4b745417e76ddc8fc1e178b821516.png
其中<section>和<article>最为相似，而且和div标签貌似也有很大相似之处。
但看似相似，并不是真的相似，这些标签是为了布局而生的，自然有它们更精确的语义定位，或者说他们更将强调Html的语义。
DIV
这个标签一直是我们见得最多、用得最多的标签。
它本身无任何语义，用作布局以及样式化标签。
Section
与div相似，但它有更进一步的语义。
section用作一段有专题性的内容，一般在它里面会带有标题。 section典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。
Article
article是一个特殊的section标签，它比section具有更明确的语义, 它代表一个独立的、完整的相关内容块。
div、section、article，语义是从无到有，逐渐增强的。
div无任何语义，仅仅用作样式化或者脚本化的标签，对于一段主题性的内容，则就适用section，而假如这段内容可以脱离上下文，作为完整的独立存在的一段内容，则就适用 article。
原则上来说，能使用article的时候，也是可以使用section的，但是实际上，假如使用article更合适，那么就不要使用section。
