<!doctype html> 大小写没有区别
lang属性用来指定页面元素内容和元素属性值的主语言
没有结束标签的斜线，没有引号，大小写混杂。甚至，省略head元素，页面同样有效
html5允许每个section容器有自己独立的大纲结构。这样你就不必总想着现在是几级标题了
section
用来定义文档或应用程序中的区域（或节）。例如，可以用它组织你的个人信息，一个section用于联系信息，另一个用于新闻动态
div
如果你只想将某个元素包裹起来以便设置样式，那应该和以前一样继续使用div
nav
用来定义文档的主导航区域
article
用来包裹独立的内容片断。当搭建一个页面时，想想你准备放入article标签的内容能否作为一个整块而被复制黏贴到另一个完全不同的网站且能保持完整的意义？另一种办法是，想想包裹在article中的内容能否在rss订阅源中独立成为一篇文章
aside
用来表示与页面主内容松散相关的内容
header
可作网站头部的刊头区域，也可用做对其它内容如article元素的简要介绍
footer
页脚
文脚
address
b
一小段文本，纯粹为了吸引人的注意，除此之外不传达任何重要性，也不暗示其它语态或语气，如文档摘要中的关键词、评论中的产品名称、交互式文本软件中的可操作单词，或文章的导语
em
强调内容中的重点
i
一小段有不同语态或语气的文字，或者是样子上与普通文章有所差异以使标明不同特点的文字
WAI-ARIA 无障碍网页应用技术
地标角色
application
banner
complementary
contentinfo
form
main
navigation
search
<!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" /> </head> <body> <div id="wrapper"> <header role="banner"> <nav role="navigation"></nav> </header> <div id="content" role="main"> <article> <header></header> <nav></nav> <video src="video/myVideo.mp4" width="640" height="480" controls autoplay loop preload="auto" poster="myVideoPoster.jpg">what, do you mean you don't understand HTML?</video> <video width="640" height="480" controls autoplay loop preload="auto" poster="myVideoPoster.jpg"> <sourse src="video/myVideo.ogv" type="video/ogg" /> <sourse src="video/myVideo.mp4" type="video/mp4" /> what, do you mean you don't understand HTML? </video> <footer></footer> </article> </div> <aside> <section role="complementary"></section> <section role="complementary"></section> </aside> <footer role="contentinfo"></footer> </div> </body> </html>