新增结构元素

header：标记头部区域的内容

footer：标记脚步区域的内容

section：Web页面中的一块区域(关注内容的独立性)

article：独立的文章内容

aside：相关内容或者引用（附属信息部分，或者侧边栏、广告之类的）

nav：导航类辅助内容

address：在文档中定义联系信息，比如作者，电子邮件，地址，电话号码等

---

新增功能元素

<hgroup>  </hgroup>：类似于div标签，用于对整个页面或页面中的一个内容区域块的标题进行组合

<figure>  </figure>：类似于dl标签，表示一段独立的流内容，使用figcaption元素可以为figure元素组添加标题

<video src="" controls="controls>视频</video>：定义视频，比如电影片段或其他视频流

<audio>  </audio>：定义音频

<embed>  </embed>：用来插入各种多媒体，格式可以是MIDI、WAV、AIFF、AU、Mp3等等

<mark>  </mark>：主要用来在视觉上向用户呈现那些需要突出显示高亮的文字

<time>  </time>：表示日期或者时间

<canvas>  </canvas>：画布

<output>  </output>：表示不同类型的输出，比如脚本输出

<source>：媒介元素，定义媒介资源

<command>：表示命令按钮，如单选按钮、复选按钮

<details>  </details>：与<summary>元素配合使用，summary提供标题或者图例，用户点击是，会出现细节信息

<datalist>  </datalist>：表示可选数据列表，与input元素配合使用，可以制作出输入值的下拉列表

<datagrid>  </datagrid>：表示可选数据的列表，他以树形列表的形式来显示

<keygen>：生成密钥

<progress>：表示运行中的进程，可以用他来显示javascript中耗费时间的函数的进程

---

HTML5全局属性

contenteditable：允许用户在线编辑元素中的内容

designMode：用来指定整个页面是否可编辑，当页面可编辑时，页面中任何支持contenteditable属性的元素，都变成可编辑状态，designMode属性只能在JavaScript脚本里被编辑修改，他有两个属性值，on与off。

document.designMode="on"         off

这个属性，个浏览器支持的情况也不同。

hidden：是元素处于不可见状态，他的属性是一个布尔值

spellcheck：针对input元素与textarea这两个文本输入框提供的一个属性，对用户输入的文本内容进行拼写和语法检查，他是布尔值，必须明确声明true或者false

tabindex：用tab键让窗口或页面中的控件获得焦点，对窗口或页面中的所有控件进行遍历时，每一个控件的tabindex表示该控件是第几个被访问到的

---

HTML5其他功能

新增了一种用于查找DOM元素的快捷方式。

还可以指向多个选择规则，比如：

---

JavaScript日志和调试

选择console.log API要比alert（）好用很多，因为他不会阻塞脚本的运行