一、HTML5 简介
1、什么是 HTML5
HTML5 不是一门新的语言，而是我们之前学习的 HTML 的第五次重大修改版本。
2、HTML 的发展历史
超文本标记语言（第一版，不叫 HTML 1.0）——在 1993 年 6 月作为互联网工程工作小组（IETF）工作草案发布（并非标准）；HTML 2.0——1995 年 11 月作为 RFC 1866 发布，在 RFC 2854 于 2000 年 6 月发布之后被宣布已经过时 HTML 3.2——1997 年 1 月 14 日，W3C 推荐标准 HTML 4.0——1997 年 12 月 18 日，W3C 推荐标准 HTML 4.01（微小改进）——1999 年 12 月 24 日，W3C 推荐标准 HTML 5——2014 年 10 月 28 日，W3C 推荐标准
3、HTML5 的设计目的
HTML5 的设计目的是为了在移动设备上支持多媒体。之前网页如果想嵌入视频音频，需要用到 flash ，但是苹果设备是不支持 flash 的，所以为了改变这一现状，html5 应运而生。
新的语法特征被引进以支持视频音频，如 video、audio 和 canvas 标记。
HTML5 还引进了新的功能，可以真正改变用户与文档的交互方式。比如增加了新特性：语义标签，本地存储，网页多媒体等等，以及 CSS3 特性。
相比之前的进步：
取消了一些过时的 HTML4 标签•新的表单控件（比如 date、time、email、url、search）•语义化标签（比如 article、footer、header、nav、section）•对本地离线存储的更好的支持•用于绘画的 canvas 元素•用于多媒体的 video 和 audio 元素
二、语义化标签
1、什么是语义化标签？
类似于 p，span，img 等这样的，看见标签就知道里面应该保存的是什么内容的是语义化标签。
像 div 这样的里面可以装任意东西的就是非语义化标签。
以前我们要做下面这个结构可能会这么布局：
<div class="header"></div>
<div class="nav"></div>
<div class="main">
<div class="left"></div>
<div class="right"></div>
</div>
<div class="footer"></div>
那么在 html5 下语义化标签怎么做呢？
<header></header>
<nav></nav>
<main>
<article></article>
<aside></aside>
</main>
<footer></footer>
总结：由此可见语义化的代码结构更清晰、简洁
