H5新特性
form表单新增：
| 1.input的type类型 | |
|---|
| email | 验证邮箱格式 |
| url | 验证网址（协议://内容） |
| search | 搜索框 |
| number | 只能输入数字 |
| range | 范围 |
| color | 颜色 |
| tel | 电话 |
| date | 日期 |
| week | 周 |
| mouth | 月 |
| 2.新增属性 | |
|---|
| placeholder | 提示信息 |
| autofocus | 自动获取焦点 |
| multiple | （邮箱 网址）多个值 |
| required | 必填项 |
| max | （数字）最大值 |
| min | （数字）最小值 |
| step | （数字 范围）步长 |
| maxlength | 最大长度 |
| minlength | 最小长度 |
| 3.新增语义化标签 | |
|---|
| header | 头部 |
| nav | 导航 |
| footer | 页脚 |
| aside | 侧边栏 |
| article | 文章 |
| 4.视频和音频 | |
|---|
| video | autoplay muted controls loop poster |
| audio | autoplay muted controls loop |
//给多个浏览器提供多个视频或者音频格式的选择
<video>
<source src="images/video2.mp4"/>
<source src="images/video2.mp4"/>
<source src="images/video2.mp4"/>
您的浏览器不支持视频
</video>
| 5.新增元素 | |
|---|
| figure | img figcaption 多用于图片和图片描述的组合 |
| detail | summary p 展示细节 |
| meter | 刻度 |
| program | 进度条 |
| canvas | 画布 |
| 6.本地存储 | |
|---|
| localStorage | |
| sessionStorage | |
CSS3新增
| 标题 | |
|---|
| 颜色 | rgba |
| 边框阴影 | border-shadow |
| 文字阴影 | text-shadow |
| 渐变 | linear-gradient radial-gradient |
| 圆角 | border-radius |
| 动画 | @keyframes animation |
| 弹性盒模型 | display：flex |
| 转化 | transform |
| 厂商前缀 | |
