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

一、HTML5 1.标签类

新增结构标签（更加语义化）：<nav> <header><hgroup><article>多媒体标签：video audio canvas source embedweb应用标签：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

let ，const声明变量字符串模板新增数据类型 symbol异步 Promise async/awaitClass类扩展（Array、Object、Function、Number、Math） …扩展运算符新数据结构：Map/Set/WeakMap/WeakSetProxy、Reflect