1、HTML5 的全新语义化元素
<section>
<nav>
<article>
<article> 元素用来包裹独立的内容片段。当搭建一个页面时，想
想你准备放入 <article> 标签的内容能否作为一个整块而被复制粘贴到另外一个完全不
同的网站且能保持完整的意义？另一种办法是，想想包裹在 <article> 中的内容能否在
RSS 订阅源中独立成为一篇文章？应该使用 <article> 标签包裹的内容，最明显的例子
就是博客正文。
<aside>
<hgroup>
<header>
<footer>
<address>
<b>一小段文本
<em>强调内容中的重点
<i>一小段有不同语态或语气的文字
<video src="video/myVideo.mp4" width="640" height="480" controls autoplay preload="auto" loop poster="myVideoPoster.jpg">
<source src="video/myVideo.ogv" type="video/ogg">/提供备用的媒体源文件
<source src="video/myVideo.mp4" type="video/mp4">/提供备用的媒体源文件
What, do you mean you don't understand HTML5?</video>
<audio>
2、ARIA 的地标角色
地标角色属性 role
application ：用来定义用作网页应用的区域。
banner ：用来定义一个站点级别（而不是某个特定文档的）的区域。如网站的头部和logo。
complementary ：用来定义一个对页面主要区域进行补充说明的区域。在 And thewinner isn’t...这个网站中，UNSUNG HEROES和 OVERHYPED NONSENSE区域就可
以定义为 complementary 。
contentinfo ：用来定义与页面主要内容相关的信息区域。例如页脚的网站版权信息
区域。
form ：你猜都能猜到，定义表单！但注意，如果表单用于搜索，则请使用 search 来替代。
main ：定义页面的主体内容。
navigation ：用来定义链向当前文档或相关文档的导航链接。
search ：用来定义一个用于搜索的区域。
nav[role="navigation"] {} 可以为其设置样式
3、离线 Web 应用
