由于缺少结构，即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div 元素来表示。HTML 5 添加了一些新元素，专门用来标识这些常见的结构：
・ section：这可以是书中的一章或一节，实际上可以是在 HTML 4 中有自己的标题的任何东西
・ header：页面上显示的页眉；与 head 元素不一样
・ footer：页脚；可以显示电子邮件中的签名
・ nav：指向其他页面的一组链接
・ article：blog、杂志、文章汇编等中的一篇文章
我们来考虑一个典型的 blog 主页，它的顶部有页眉，底部有页脚，还有几篇文章、一个导航区和一个边栏，见代码1 典型的 blog 页面
示例代码 [www.CuoXIn.com]