由于缺少结构,即使是形式良好的 HTML，页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div元素来表示。HTML 5添加了一些新元素，专门用来标识这些常见的结构:

- section:这可以是书中的一章或一节，实际上可以是在 HTML4中有自己的标题的任何东西

- header:页面上显示的页眉:与head元素不一样- footer:页脚:可以显示电子邮件中的签名

- nav:指向其他页面的一组链接

- article: blog、杂志、文章汇编等中的一篇文章

我们来考虑一个典型的blog主页。它的顶部有页眉，底部有页脚，还有几篇文章、一个导航区和一个边栏,见代码1典型的blog页面