前端开发面试题-HTML文章（你想要的都在这里）

HTMLDOCTYPE作用？标准模式和兼容模式有什么区别？1告诉浏览器的解析器使用什么文档标准来解析这个文档。DOCTYPE缺失或格式错误会导致文档以兼容模式呈现。2标准模式下，排版和JS运行模式以浏览器支持的最高标准运行；在　兼容模式下，页面以松散的向后兼容方式呈现，模拟旧版浏览器的行为，防止网站无法正常工作。为什么HTML5只需要写？HTML5不是基于SGML，所以不需要引用DTD，但是需要DOCTYPE来规范浏览器的行为；HTML4.01是基于SGML的，需要引用DTD来告知浏览器该文档使用的文档类型。什么是内联元素？什么是块级元素？什么是空元素？行内元素：abiemspaninputselectstrong等块级元素：h1~h6pdivuloldlli等空元素：metalinkbrhrimginputarea等。导入页面样式？1link除了加载CSS，还可以定义RSS，定义rel连接属性等；而@import只能加载CSS。2链接在页面加载时同时加载；而@import引用的CSS会等到页面加载完成后才加载。3link是一个XHTML标签，不存在兼容性问题；@import由CSS提出，只能被IE5以上识别。谈谈你对浏览器内核的理解？主要分为渲染引擎和JS引擎两部分。渲染引擎：负责获取网页内容，组织信息，计算网页如何显示，然后输出到显示器或打印机。不同的浏览器内核对网页的语法解释不同，因此呈现的效果也不同。JS引擎：解析执行javascript，实现网页动态效果。起初，渲染引擎和JS引擎之间并没有明确的区别。后来JS引擎越来越独立，内核趋向于只指渲染引擎。常见的浏览器内核有哪些？1Trident内核：IE2Gecko内核：Firefox3Presto内核：Opera（现在是Blink）4Webkit内核：Safari、Chrome（Chrome现在是Blink）HTML5有哪些新特性和删除的元素？HTML5现在不是SGML的子集，主要是增加图像、定位、存储、多任务处理等功能。　绘画：帆布；　媒体播放：视频和音频元素；　本地离线存储：localStorage和sessionStorage；　具有更好语义的元素，例如文章、页脚、页眉、导航、部分；　表单控件，如日历、日期、时间、电子邮件、url、搜索；　新技术，webworker，websockert，Geolocation；移除元素：　纯表达元素：big,center,font,basefont,strike,s,u；　对可用性产生负面影响的元素：frame、frameset、noframes；如何处理HTML5新标签的浏览器兼容性问题？如何区分HTML和HTML5？IE6/7/8支持通过document.createElement方法生成的标签。可以使用该方法进行兼容，添加标签的默认样式。认识HTML5：通过DOCTYPE声明，如何使用HTML5新增的结构元素和功能元素的离线存储？你能解释一下它是如何工作的吗？使用方法：在页面头部添加mainfest属性即可。…工作原理：HTML5离线存储是基于一种新的.appcache文件缓存机制（不是存储技术），通过解析manifest来离线存储资源，并且这些资源像cookie一样存储。当没有网络时，浏览器会显示离线存储的数据。浏览器如何管理和加载HTML5离线存储资源？上网时，浏览器发现html头有manifest属性，就会去请求manifest文件。如果是第一次访问app，浏览器会根据manifest文件的内容下载相应的资源并离线存储。如果您已经访问过该应用，浏览器将使用离线资源加载页面，然后浏览器将新的清单文件与旧的清单文件进行比较，如果有变化则更新资源。请描述cookies、sessionStorage、localStorage的区别？Cookie是网站为了识别用户身份而存储在用户本地终端上的数据（通常是加密的）。Cookie数据始终携带在同源HTTP请求中，即会在浏览器和服务器之间来回传递。sessionStorage和localStorage不会自动向服务器发送数据，只是保存在本地。存储大小：　cookie数据大小不能超过4k。　sessionStorage和localStorage也有存储大小限制，但是比cookie大很多，有5M以上。有效时间：　cookie　　　　　一直有效到cookie设置的过期时间，即使关闭浏览器　sessionStorage　数据在当前浏览器窗口关闭后自动删除数据，浏览器后关闭后，除非主动删除数据，否则数据不会丢失。iframe有什么缺点？1、iframe会屏蔽主页面的Onload事件；2、搜索引擎的检索程序无法解读此类页面，不利于SEO；3、iframe和主页面共享连接池，浏览器对同域连接有限制，会影响页面并行加载。如果要使用iframe，最好通过javascript将src属性值动态添加到ifarme中，这样可以避免上述问题。标签的作用是什么？它是如何使用的？label标签定义了表单控件之间的关系。当用户选择标签时，浏览器会自动将焦点放在与标签相关的表单控件上。输入：输入：如何关闭HTML5中的自动完成功能？为from或您不想提示的输入设置autocomplete=off。如何在浏览器中实现多个标签页之间的通信？WebSocket，共享工作者；也可以调用localStorage、cookies等本地存储方式；当localStorage在另一个浏览器上下文中被添加、修改或删除时，会触发一个事件，我们可以监听这个事件，控制它的值来进行页面信息通信。页面可见性API有何用途？通过visibilityState的值，查看页面当前是否可见，打开页面的时间等；当页面切换到其他后台进程时，自动暂停音乐或视频播放网页验证码的目的是什么，解决什么安全问题？自动区分用户是人还是电脑的程序，可防止恶意破解密码、刷票、泛滥论坛；可有效防止黑客利用程序破解特定用户的登录信息。b和strong的区别？i和em的区别？strong是表示重点内容的意思，有加强语气的意思。使用阅读器上网时，strong表示重读，b表示显示强调的内容。i内容以斜体显示，em表示强调文本。