一、处理浏览器兼容问题
html5shiv.min.js 处理ie9以下的对于H5标签的兼容性问题 respond.js 处理css3的兼容性问题
加判断，如果是IE9以下的浏览器，就执行这个代码
<!-- 条件注释 -->
<!--[if lt IE9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
<![endif]-->
二、什么是HTML5
1、HTML5 是下一代 HTML 标准
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
2、HTML5的优点
（1）、提高可用性和改进用户的友好体验。
（2）、有几个新的标签，这将有助于开发人员定义重要的内容。
（3）、可以给站点带来更多的多媒体元素(视频和音频)。
（4）、可以很好的替代FLASH和Silverlight。
（5）、将被大量应用于移动应用程序和游戏。
（6）、可移植性好
三、HTML新增元素
1、 <canvans>
标签定义图形，比如图表和其他图像。该标签基于JavaScript的绘图 API
2、<audio> 定义音频内容
controls 出现控制栏
muted 静音
loop 循环播放
autoplay 自动播放（谷歌不支持自动播放）
3、<video> 定义视频（video或者movie）
controls 出现控制栏
muted 静音
loop 循环播放
autoplay 自动播放
4、<source> 定义多媒体资源video或者audio
<video id="video1">
<source src='./video/captian.mp4'>
<source>
<source src='./video/captian.Ogg'>
<source>
<source src='./video/captian.webm'>
<source>
</video>
5、<detailst> 定义选项列表，与input元素配合使用
//类似于下拉菜单，可以进行选择
<datalist id="datalist1">
<option value="aa">苹果</option>
<option value="bb">香蕉</option>
<option value="cc">橘子</option>
</datalist>
6、<output> 定义不同类型的输出
可以进行两数相加
<form oninput = 'x.value = parseInt(inp1.value)+parseInt
(inp2.value)'>
<input type="number" id="inp1" value="1"> +
<input type="number" id="inp2" value="1"> =
<output name = 'x' for = 'inp1 inp2'>0</output>
</form>
7、<article> 定义页面独立的内容区域。
<aside> 定义页面的侧边栏内容。
<command> 定义命令按钮，比如单选按钮、复选框或按钮
<details> 用于描述文档或文档某个部分的细节
<dialog> 定义对话框，比如提示框
<summary> 标签包含 details 元素的标题
<footer> 定义了section或document的页脚
<header> 定义文档头部区域
<nav> 定义导航链接部分
<progress> 定义任何类型的任务进度
<section> 定义文档中的节（section,区段）
四、HTML5中移除的标签
美元符号定义 jQuery
以下的 HTML 4.01 元素在HTML5中已经被删除:
<acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<strike>、<tt>