- 语义化标签
- 表单新特性
- video和audio
- canvas画布
- webworker
- webscoket
- 拖拽api
1. 语义化标签
便于seo，方便开发维护
<section>文档的主体部分</section>
<aside>用来装载页面中非正文的内容,例如广告、成组的链接、侧边栏</aside>
<header></header>
<nav>定义了一个链接组组成的导航部分</nav>
<audio>
<video>
2. 表单新元素
1. process进度条
<progress value="0"></progress>
2. datalist 建议列表
<datalist id="lunchList">
<option>京酱肉丝</option>
<option>锅包肉</option>
<option>鱼香肉丝</option>
<option>青椒肉丝</option>
<option>地三鲜</option>
</datalist>
<input type="text" name="lunch" list="lunchList"/>
3. meter 度量衡/刻度尺/, 用于标示一个所处的范围
<meter min="可取的最小值" max="可取的最大值" low="合理的下限值" high="合理的上限值" optimum="最佳值" value="当前值" ></meter>
4. placeholder：占位字符 作为提示不可提交
<input value=“tom” placeholder=“请输入用户名”/>
5. multiple : 允许输入框中出现多个输入值用逗号分隔 [a@dn.com](mailto:a@dn.com)，[b@dn.com](mailto:b@dn.com)
<input type="email" name="emails" multiple>
3. webworker
webworker:多线程
Worker 线程一旦新建成功，就会始终运行，不会被主线程上的活动（比如用户点击按钮、提交表单）打断
同源限制
DOM限制： Worker 没有window，parent，document对象，但是有 navigator，navigator
通信联系
worker县城和主线程不再同一上下文环境，他们不能直接通信
4. 拖拽api
源对象：
dragstart：源对象开始拖放。
drag：源对象拖放过程中。
dragend：源对象拖放结束。
过程对象：
dragenter：源对象开始进入过程对象范围内。
dragover：源对象在过程对象范围内移动。
dragleave：源对象离开过程对象的范围。
