Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html
1.结构元素
可以理解为语义话标记，比如：以前这么写<div id="nav"></div> 现在偷懒写：<nav></nav>
1.header头部区域，包含对主页的介绍
<header> 标签定义文档的页眉（介绍信息）
2.nav导航系列 <nav> 标签定义导航链接的部分。
3.section一块区域
<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分
4.article文章内容或者主体内容 内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
5.aside相关内容 <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关
6.footer脚部区域
<footer> 标签定义文档或节的页脚。<footer> 元素应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。您可以在一个文档中使用多个 <footer> 元素。
简单框架搭建：
草图：
补充说明：
header里面的h4，提示信息
Article里面的footer
大纲：
