html5新特性，面试常考

大概写了一点，不全面，为了面试问到的话能够说出一些东西来，大概看看就好，不要过于纠结

html5新增了语义化更好的标签元素

结构元素

1. 1.article 表示独立内容
2. aside 表示辅助信息（内容之外）
3. header 表示页面中的页眉
4. hgroup 表示一块区域的组合
5. footer 表示页面中的页脚
6. figure 表示媒介内容的分组
7. section 表示页面中的一个内容
8. nav 表示页面中的导航链接

其他元素

1. video 用来定义视频
2. audio 用来定义音频
3. canvas 用来展示图形的画布
4. embed 用来插入各种多媒体
5. mark 用来展示高亮的文字
6. progress 展示人物进度
7. meter 表示度量衡
8. time 展示日期或者时间
9. command 表示命令按钮
10. datails 展示细节
11. summary 为details定义标题
12. datalist 展示可选数据列表
13. datagrid 展示可选数据列表
14. keygen 生成密钥
15. output 表示不同类型的输出
16. source 为媒介元素定义媒介资源
17. menu 表示菜单列表
18. ruby ruby注释
19. wbr 软换行（和br区别是：br必须换行，wbr是父级元素够宽时不换行）
20. dialog 对话框或窗口

废除元素

• 纯表现元素：那些可以用css替代的元素。如：basefont，big,center,font,s,strike,tt,u等等
• 对可用性产生负面影响的：frameset,frame,noframe
• 只有部分浏览器支持的：applet,bgsound,blink,marquee

新增API

• Canvas API结合canvas元素一起使用，本质是位图画布，不可缩放，绘制 出来的图形不属于dom结构，不需要将每个图元当作对象存储，执行性能非常好
• SVG 是html5的另一项图形功能，是一种标准的矢量图形，有自己的API
• Audio和Video也要结合audio和video标签一起使用
• Communication API 跨文档消息传递
• WebSockets API html5最强大的通信功能

表单api和元素

1. tel，email，datetime，time,date,week,month
2. placeholder 提示信息
3. autofocus 自动聚焦（只能有一个）
4. autocomplete,spellcheck,lish,datalist

拖放api

1. 拖放属性：draggle=“true”
2. 拖放事件：dragstart,drag,dragenter,dragleave,dragover,dragend