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