HTML5的语法变化和新增加元素
DOCTYPE声明：<!DOCTYPE html>
字符编码：<meta charset="UTF-8">
新增加元素：HTML5新增加的元素大部分可以用来替代DIV，新增加元素另代码更加语义化，如网页的头部用<header></header> 导航用<nav></nav> 底部用<footer></footer>这样的新元素会前端工程师编写的代码更加具有语义。
| 标签 | 描述 |
|---|---|
| <!DOCTYPE> | 定义文档类型。 |
| <article> | 定义 article。 |
| <aside> | 定义页面内容之外的内容。 |
| <audio> | 定义声音内容。 |
| <bdi> | 定义文本的文本方向，使其脱离其周围文本的方向设置。 |
| <canvas> | 定义图形。 |
| <command> | 定义命令按钮。 |
| <datalist> | 定义下拉列表。 |
| <details> | 定义元素的细节。 |
| <embed> | 定义外部交互内容或插件。 |
| <figcaption> | 定义 figure 元素的标题。 |
| <figure> | 定义媒介内容的分组，以及它们的标题。 |
| <footer> | 定义 section 或 page 的页脚。 |
| <header> | 定义 section 或 page 的页眉。 |
| <hgroup> | 定义有关文档中的 section 的信息。 |
| <keygen> | 定义生成密钥。 |
| <mark> | 定义有记号的文本。高亮显示 |
| <meter> | 定义预定义范围内的度量。 |
| <nav> | 定义导航链接。 |
| <output> | 定义输出的一些类型。 |
| <progress> | 定义任何类型的任务的进度。 |
| <rp> | 定义若浏览器不支持 ruby 元素显示的内容。 |
| <rt> | 定义 ruby 注释的解释。 |
| <ruby> | 定义 ruby 注释。 |
| <section> | 定义 section。 |
| <source> | 定义媒介源。 |
| <summary> | 定义 details 元素的标题。 |
| <time> | 定义日期/时间。 |
| <track> | 定义用在媒体播放器中的文本轨道。 |
| <video> | 定义视频。 |
