1 关于HTML5 drag api
- dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发。
- darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。
- dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。
- dragover：事件主体是目标元素，在被拖放元素在某元素内移动时触发。
- dragleave：事件主体是目标元素，在被拖放元素移出目标元素时触发。
- drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发
- dragend：事件主体是被拖放元素，在整个拖放操作结束时触发
2 对HTML语义化标签的理解
HTML5语义化标签是指正确的标签包含了正确的内容，结构良好，便于阅读，比如nav表示导航条，类似的还有article、header、footer等标签
3 iframe是什么？有什么缺点？
iframe是HTML标签，还是一个内联元素，iframe元素会创建包含另一个文档的内联框架，说白了，iframe用来在页面嵌入其他页面
<iframe src="demo_iframe.html"></iframe>
缺点：
- 会阻塞主页面的onload事件
- 搜索引擎无法解读这种页面，不利于SEO
- iframe和主页面共享连接池，而浏览器对相同区域有限制，所以会影响性能
4 Doctype作用？严格模式和混杂模式如何区分？它们有何意义？
Doctype声明于文档最前面，告诉浏览器以何种方式来渲染页面，这里有两种模式，严格模式和混杂模式。
严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行
混杂模式，向后兼容，模拟老式浏览器，防止浏览器无法兼容页面
5 如何画一个三角形？
原理：边框的均分原理
div {
width: 0px;
height: 0px;
border-top: 50px solid red;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 50px solid transparent;
}
6 HTML5和CSS3用的多吗？你了解它们的新属性吗？有在项目中用过吗？
html5:
- 标签增删
8个语义元素：header section footer aside nav main article figure
内容元素：mark高亮 progress进度
新的表单控件：calander date time email url search
新的input类型：color date datetime datetime-local email
移除过时标签：big font frame frameset
2）canvas绘图，支持内联SVG，支持MathML
3）多媒体：audio video source embed track
4）本地离线存储，把需要离线存储在本地的文件列在一个mainifest配置文件
5）web存储，localStorage、SessionStorage
css3：
CSS3边框如border-radius,box-shadow等，CSS3背景如background-size，background-origin等；CSS3 2D,3D转换如transform等；CSS3动画如animation等。
