H5、CSS3、ES6 新增属性

H5新增属性

1.语义化标签
header , footer , aside , article , section , nav , figure , figcaption , dialog , hgroup等

作用：
1.结构清晰
2.有利于SEO优化

2.新增表单元素
datalist: 给input增加选项列表

keygen：提供用户验证

output：通常和form表单结合，展示计算结果

3.新增表单类型

input:url , tel , email , number , range , color , search , date , month , week , time , datetime

4、新增表单属性
form新增属性
autocomplete：自动完成
novalidate：提交时不对表单进行验证
input新增属性
autocomplete：自动完成
autofocus：自动获得焦点
height 和 width：用于规定type为image的input照片大小
list：input输入域的datalist的id
placeholder：默认展示内容
required：是否必填
parttern：输入值满足正则表达式才可提交
min、max、step：最小、最大和步骤（可用于date pickers、range和number）

5.多媒体元素

video：视频标签
audio：音频标签

CSS3新增

1.css过渡 （使一些效果看起来没有那个的生硬，是一个渐变的过程吧）

tansform:css属性，花费时间、效果曲线、延迟时间

2.Animation 动画
首先通过@keyframe 进行动画的定义

3.transform
1.translate
2.scale 缩放
3.skew
4.rotate旋转

4.选择器

5.阴影
box-shadow：水平阴影的位置 垂直阴影的位置 模糊距离 阴影的大小 阴影的颜色 阴影开始的方向

6.box-radius 圆角边框