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 应用