面试题总结：https://segmentfault.com/a/11...HTML5有哪些新特性？HTML5现在不是SGML的子集，主要是增加图像、定位、存储、多任务处理等功能。拖放API语义更好内容标签(header,nav,footer,aside,article,section)audio,videoAPI(audio,video)Canvas(画布)APIGeolocationAPIlocalofflineStorelocalStorage长期存储数据，以及浏览器关闭后数据不会丢失；sessionStorage的数据会在浏览器关闭后自动删除表单控件，calendar,date,time,email,url,搜索新技术webworker,websocket,Geolocation删除的元素纯粹表现的元素：basefont,big,center,font,s,罢工,tt,u;对可用性产生负面影响的元素：框架、框架集、noframes；支持HTML5新标签：IE8/IE7/IE6支持通过document.createElement方法生成的标签可以利用这个特性让这些浏览器支持HTML5新标签。浏览器支持新标签后，需要添加标签的默认样式：当然，最好的办法是直接使用成熟的框架。最常用的是html5shim框架 如何区分：DOCTYPE声明\新结构元素\功能元素Doctype作用？如何区分严格模式和混杂模式？它们的意义是什么？一、Doctype的作用是什么？声明称为文档类型定义（DTD），声明的目的是告诉浏览器文档的类型。让浏览器解析器知道应该使用哪个规范来解析文档。声明必须在HTML文档的第一行，它不是HTML标签。2、如何区分严格模式和混合模式？他们的意义何在？标准模式（严格模式）的排版和JS运行方式都是以浏览器支持的最高标准运行。在兼容模式（混杂模式或怪癖模式）下，页面以轻松的向后兼容方式显示，模拟旧浏览器的行为以防止站点崩溃。如何在浏览器中实现多个标签页之间的通信？1.调用localStorage使用localStorage.setItem(key,value)添加（修改，删除）标签页中的内容；在另一个标签页中监听存储事件。通过localstorge.getItem(key)中存储的值，实现不同标签之间的通信。2、调用cookie+setInterval()将要传输的信息存储在cookie中，定时读取getCookie获取信息，这样就可以随时获取要传输的信息。什么是内联元素？什么是块级元素？什么是空（void）元素？内联元素和块级元素有什么区别？行内元素有：a,b,span,img,input,select,strong块级元素有：div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p空元素：br,hr,img,input,link,meta 的区别：行内元素不能设置宽高，不占满的块级元素可以设置宽高线。简述src和href的区别？src用于替换当前元素；href用于在当前文档和引用的资源之间建立链接。src是source的缩写，指向外部资源所在的位置，指向的内容会嵌入文档中当前标签所在的位置。href是HypertextReference的缩写，指向网络资源的位置，与当前元素（锚点）或当前文档（链接）建立浏览器本地存储cookie、sessionStorage、localStorage有什么区别？在高版本浏览器中，js提供了sessionStorage和globalStorage。HTML5中提供了LocalStorage来替代globalStorage。html5中的WebStorage包括两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，只能被同一个会话中的页面访问，并在会话结束时销毁。因此，sessionStorage并不是一个持久化的本地存储，而只是一个会话级的存储。而localStorage用于持久化本地存储，除非主动删除数据，否则数据永远不会过期。WebStorage和cookies的区别WebStorage的概念和cookies类似，不同的是它是为更大容量的存储而设计的。cookie的大小是有限的，每次请求新页面都会发送cookie，无形中浪费了带宽。另外cookie需要指定作用域，不能跨域调用。此外，WebStorage还有setItem、getItem、removeItem、clear等方法。与cookie不同的是，前端开发者需要自己封装setCookie和getCookie。但cookies也是不可或缺的：cookies的作用是与服务器交互，作为HTTP规范的一部分存在，而WebStorage只是在本地“存储”数据。不支持除IE7及以下浏览器外，其他标准浏览器完全支持（即和FF需要在web服务器中运行）。值得一提的是，IE总是做好事。比如IE7和IE6中的userData，其实就是javascript本地存储的一种解决方案。通过简单的代码封装，可以统一所有浏览器支持web存储。localStorage和sessionStorage都有相同的操作方法，如setItem、getItem和removeItem等。cookies和session的区别：1、cookie数据保存在客户端的浏览器上，session数据保存在服务器端。2.Cookie不是很安全。其他人可以分析本地存储的COOKIE，进行COOKIE欺骗。考虑到安全性，应该使用session。3.会话会在一定时间内保存在服务器上。当访问量增加时，你的服务器性能会被占用更多。为了降低服务器的性能，你应该使用COOKIE。4、单个cookie保存的数据不能超过4K，很多浏览器限制一个站点最多保存20个cookie。5、因此，个人建议：将登录信息等重要信息存储为SESSION。如果需要保留其他信息，可以放在COOKIE中。XML和JSON有什么区别？(1).在数据量方面。与XML相比，JSON具有更小的数据量和更快的传递速度。(2).数据交互。JSON和JavaScript的交互更方便，更容易解析和处理，更利于数据交互。(3).数据说明。JSON对数据的描述不如XML。(4).传输速度。JSON比XML快得多。浏览器如何呈现页面？iframe的优点和缺点？iframe的优点：1.iframe可以原封不动地显示嵌入的网页。2、如果有多个网页引用了iframe，那么只需要修改iframe的内容就可以实现调用的每个页面内容的变化，方便快捷。3、如果网页为了风格统一，页眉和版本相同，可以写成一个页面，用iframe嵌套，可以增加代码的复用性。4、如果遇到加载缓慢的图标、广告等第三方内容，这些问题都可以通过iframe来解决。iframe的缺点：1、会生成很多页面，不好管理。2、如果帧数多，可能会出现上下左右滚动条，用户体验差。3、代码复杂，无法被部分搜索引擎收录。使用iframe将不利于搜索引擎优化。4.很多移动设备（PDA手机）无法完整显示边框，设备兼容性差。5、iframe框架页面会增加服务器的http请求，大型网站不可取。Canvas和SVG图形有什么区别？1.什么是画布？Canvas是一个新的H5标签，叫做Canvas，它使用JavaScript在网页上绘制图像。2.什么是SVG？SVG可缩放矢量图形（ScalableVectorGraphics），基于可扩展标记语言XML谈meta标签？Meta标签用来描述一个HTML网页文档的属性，比如网页的作者、日期、网页的关键字、刷新、网页级别设置等。Meta标签可以分为两部分：http-equiv：http标题信息name：页面描述信息http-equiv类似于http的头部协议，其作用是响应浏览器一些有用的信息，帮助正确、准确地显示网页内容。常用的http-equiv类型有：Content-Type和Content-Language（显示字符集设置）。
