H5新特性
1. 语义化标签：
理解：用正确的标签做正确的事情；
例如：header， nav(导航栏)，aside(侧边栏)，section(区块，有语义化的div)，footer，article(主要内容)
2. canvas / webGL
3. 拖拽（Drag and drop）API
draggable：枚举类型，不是布尔类型
4. 地理位置（Geolocation）API
5. 音视频处理API(audio,video)
audio: controls 控制面板，autoplay 自动播放，loop=‘true’ 循环播放
video: controls 控制面板，width, height, poster 指定视频还没有完全下载完毕，或者用户还没有点击播放前显示的封面。默认显示当前视频文件的第一针画面。
source: source标签，因为浏览器对视频格式支持程度不一样，为了兼容不同的浏览器，可以通过source指定视频源。
<video>
<source src="app.mp4" type="video/mp4"></source>
<source src="app.flv" type="video/flv"></source>
</video>
6. history API
7. requestAnimationFrame
8. webSocket
9. 表单控件，date, time, month, radio, color, week, range
10. web存储
localStorage
SessionStorage （窗口是一个浏览器窗口、一个浏览器窗口可对应多个网页 tab ）
两者的区别在于生命周期与作用域的不同。
生命周期： Local Storage 是持久化的本地存储，存储在其中的数据永远不会过期，只能是手动删除。Session Storage 是临时性的本地存储，它是会话级别的存储，当会话结束（页面被关闭）时，存储内容也随之被释放。
作用域：Local Storage、Session Storage 和 Cookie 都遵循同源策略。但 Session Storage 在遵循同源策略的前提下，还需要在同一窗口。只要它们不在同一个浏览器窗口中打开，那么它们的 Session Storage 内容便无法共享。
CSS3新特性
1. 新增了选择器
:first-child :nth-child :last-child 等
2. 新增了文字 text-wrap 换行与否、 text-overflow ：超出显示省略号等属性、text-shadow 文本阴影
3. transition 过渡效果
4. transform 转换： 旋转、缩放、平移等
5. animation 动画
6. 颜色渐变：线性渐变等
7. 边框与圆角
border-radius：创建圆角边框
box-shadow：为元素添加阴影
border-image：使用图片来绘制边框
