HTML5、CSS3、ES6新特性简单总结

一、HTML5
1.标签类

• 新增结构标签（更加语义化）：
• 多媒体标签：video audio canvas source embed
• web应用标签：meter progress datalist details
• 注释标签：ruby rt rp
• 其他标签：mark output

2.本地化存储：localStorage ， sessionStorage

3.拖拽及释放的API：drag drop

4.新增Input元素类型：
email number url range
Date-picker 类型 包括：date month week等

5.表单新增属性：

- autocomplete
- autofocus
- multiple 
- placehoder 
- required 

6.全双工通信协议：websocket

二、CSS3

1.颜色：rgba 增加透明度

2.文字阴影：text-shadow

3.圆角（border-radius）边框阴影： box-shadow

4.盒子模型：box-sizing

6.过渡：transition，

7.自定义动画 animation

8.在CSS3中唯一引入的伪元素是 ：：selection

9.媒体查询

10.border-image

11.2D转换 3D转换

12.新增选择器 ：nth-child first-of-type

13.伪类：
:enabled、:disabled 控制表单控件的禁用状态。
:checked，单选框或复选框被选中。

14.增加flex布局

三.ES6

1. let ，const声明变量
2. 字符串模板
3. 新增数据类型 symbol
4. 异步
   Promise
   async/await
5. Class类
6. 扩展（Array、Object、Function、Number、Math）
   …扩展运算符
7. 新数据结构：Map/Set/WeakMap/WeakSet
8. Proxy、Reflect