这是web的综合部分，主要包括HTML(HTML5)、http、页面优化等几个概念问题。什么是doctype？标准模式和兼容模式有什么区别？& lt！doctype & gt声明必须在HTML文档的开头。在标签之前，HTML5中没有区分大小写。它告诉浏览器的解析器使用什么文档标准来解析这个文档。 DOCTYPE不存在或格式不正确，这将导致文档以兼容模式呈现。 在兼容模式下，页面以宽松的向后兼容方式显示，模拟旧浏览器的行为以阻止站点工作。 什么是内嵌元素，块级元素，void空元素？哪些是常用的？内联元素:内联元素不形成新的内容块，也就是说，在它们的左边和右边可以有其他元素。常见的有:A、span、img、B、I、em、strong、label、input、textarea、select、button、sub、sup、q块级元素:块级元素横向占据其父元素(容器)的整个内容区域。常见的有:div，ul，ol，li，dl，dt，dd，h1-h6，p，table，form，hr，iframe，pre。html5增加了:页眉、nav、节、文章、旁白、页脚、音频、视频空元素:没有内容的html元素，常见的空元素。和title althref:指定网络资源的位置(超文本引用)，从而定义当前元素或当前文档与当前属性定义的所需锚点或资源之间的链接或关系。对于Link和A这样的元素，src: attribute只嵌入在当前文档元素定义的位置，是页面必不可少的一部分，也是一个简介。 使用title:作为img、script、iframe和其他元素的html标记和html属性。当title用作属性时，它用于为元素提供附加的解释信息。通常，当鼠标滑过元素时，会显示alt: alt是html标签的一个属性，alt属性用于指定替代文本。只能用在img，area，input元素(包括applet元素)。iframe是用来在网页中的图片无法正常显示的情况下，提供文字描述让客户了解图片信息的，有什么缺点？Iframe将阻塞主页的Onload事件；搜索引擎的搜索程序无法解读这个页面，不利于SEOIframe和主页面共享连接池，而浏览器对同域的连接有限制，会影响页面的并行加载。 使用iframe之前需要考虑这两个缺点。 如果需要使用iframe，最好是通过javascript动态给iframe添加src属性值，这样可以避免以上两个问题。 5 html 5有哪些新特性，去掉了哪些元素？如何解决HTML5新标签的浏览器兼容性问题？如何区分HTML和HTML5？HTML5不再是SGML的子集。主要是增加了图像、位置、存储、多任务等功能。 画画布；用于媒体回放的视频和音频元素；LocalStorage长期离线存储数据，关闭浏览器后数据不会丢失；关闭浏览器后，sessionStorage的数据被自动删除；更好的语义内容元素，比如文章、页脚、页眉、nav、section控件、日历、日期、时间、电子邮件、url、搜索。新技术Webworker，WebSocket，Geolocation移除的元素:纯具体化元素:basefont、big、center、font、s、strike、tt、u；对可用性有负面影响的元素:框架、框架集、无框架；；支持HTML5新标签:IE8/IE7/IE6支持由document.createElement方法生成的标签。你可以用这个特性让这些浏览器支持HTML5新标签。浏览器支持新标签后，需要添加标签的默认样式。 也可以直接用成熟的框架，比如html5shim。如何区分HTML5:DOCTYPE announcement \新增结构元素\功能元素？你如何使用HTML5的离线存储，你是如何工作的？当客户端没有连接到互联网时，它可以正常访问站点或应用程序，当客户端连接到互联网时，它可以升级客户端机器上的缓存文件。 原理:HTML5的离线存储是基于一个新创建的缓存机制(不是存储技术)。appcache文件。通过这个文件上的解析列表离线存储资源，这些资源将像cookie一样被存储。 之后，当网络离线时，浏览器会通过离线存储的数据显示页面。 如何使用:1。将清单属性添加到页面标题，如下所示；2.将脱机存储的资源写入cache.manifest文件；3.离线时，操作window.applicationCache实现需求。 浏览器如何管理和加载HTML5的离线存储资源？在线上，当浏览器在html头中找到清单属性时，它将请求清单文件。如果是第一次访问app，浏览器会根据清单文件的内容下载相应的资源并离线存储。 如果已经访问了该应用程序，并且资源已经离线存储，则浏览器将使用离线资源来加载页面，然后浏览器将比较新的清单文件和旧的清单文件。如果文件没有改变，它不会做任何事情。如果文件已经更改，它将再次下载文件中的资源并将其脱机存储。 离线时，浏览器直接使用离线存储的资源。 如何理解HTML结构的语义？HTML结构的语义化是指通过使用语义标签来恰当地表达文档结构。语义化的好处:搜索引擎友好，便于团队开发和维护。在样式被移除或丢失后，页面还可以呈现清晰的结构，可以更好地被屏幕阅读器阅读。网页内容逐渐加强，优雅地退化？逐步增强:为低级浏览器构建页面，保证最基本的功能，然后为高级浏览器改进和添加效果、交互等功能，实现更好的客户体验。 优雅的退化:一开始就构建完整的功能，然后对较低版本的浏览器进行兼容。HTTP中GET和POST的区别？下面是w3schools的回答:GET方法可以缓存并保存在浏览器历史中，但可以收藏为书签。它不应该用于解决敏感数据，而应该只用于检索数据。POST方法不会被缓存并保存在浏览器历史记录中，也不能作为书签收集。对数据长度没有要求。如何实现浏览器中多个选项卡之间的通信？(阿里)webSocket，SharedWorker，也可以调用localstorge方法比如本地故事，cookies等。，听听当地故事的变化来触发一个事件。通过此事件，控制其值用于页面信息通信。(注意怪癖:Safari在无痕模式下设置本地故事的值时会抛出QuotaExceededError异常。)WebSocket如何兼容低浏览器？(Ali)Adobe Flash Socket ActiveX HTML文件(IE)基于多部分编码发送XHR。基于长轮询的XHR被输入到浏览器中，整个页面显示在客户面前。这个过程中发生了什么？在网上找到的简答版本是这样的:浏览器会打开一个线程来解决这个请求，并对URL进行分析判断，如果是http协议，则通过Web来解决；在浏览器内核中调用相应的方法，比如WebView中的loadUrl方法；通过DNS解析获取网站的IP地址，设置UA等信息发出第二个GET请求；在HTTP协议会话中，用户发送一个头(请求头)；在web服务器上输入Web服务器，如Apache、Tomcat、Node。JS等服务器；进入部署的后台应用，如PHP、Java、JavaScript、Python等。，并找到相应的请求解决方案；结束反馈头，这里，如果浏览器已经访问过，缓存中有对应的资源，就和服务器的上次修改时间进行比较，如果一致，就返回304；浏览器开始下载html文档(响应头，状态码200)，同时使用缓存；建立文档树，根据标记请求指定MIME类型文件(如css和js)，设置cookie起始页渲染DOM，JS根据DOM API操作DOM，进行事件绑定等。，页面显示完成。为什么用多个域名存储网站资源更有效？缓存更方便CDN突破浏览器并发限制，节省cookie带宽，节省主域名连接数，优化页面响应速度，防止不必要的安全问题(上传js窃取主站cookie等。).有哪些优化前景的方法？优化前景的方法有很多种，按照粒度大致可以分为两类。第一类是页面级优化，第二类是代码级优化。 页面级优化:我们必须看看雅虎的35条军规！为了这个。对于中文版，可以看看毫秒计数。前端网页性能的最佳实践主要是雅虎35条军规的实践！而性能优化的原理就是:使用更多的内存、缓存或者其他方法，减少CPU计算，减少网络请求，减少IO代码级优化。枚举:使用innerHTML代替DOM操作，减少全局变量。减少DOM操作次数，优化javascript性能，缓存DOM节点搜索的结果，避免使用CSS表达式，避免全局查询，避免使用with(with会创建自己的作用域并增加作用域链的长度)，eval(容易使用错误，性能差，容易引起安全问题)，Function(同样性能差，像eval一样，不利于压缩工具压缩)，公告并合并多个变量，避免图片、iframe等空src。 空的src会重新加载当前页面，影响速度和效率。在不滥用float的情况下尽量避免在HTML标签中编写样式属性，float在渲染中计算量相对较大，尽量减少使用。随着css3的普及，需要注意的优化点:尽量使用CSS3动画，开启硬件加速。使用触摸事件而不是点击事件，以避免使用css3渐变阴影效果。transform: translateZ(0)可用于打开硬件加速。web字体需要下载、解析并在当前页面上重新绘制。尽量减少正确使用requestAnimationFrame动画，而不是setTimeoutCSS中的属性(CSS3转场、CSS3 3D变换、不透明度、canvas、webGL、video)，这会触发GPU渲染。使用得当，过渡会导致手机耗电过大。我目前是前台开发人员。如果你现在想学习前台开发技术，并且遇到任何关于学习方法、学习路线、学习效率等方面的问题。入门过程中可以申请加入我的前台学习交流裙:前:851中:231末:348。 有少量初学者裙档正在自学前台。还有少量我在做前台技术期间整理的前台学习手册、前台面试问题、前台开发工具、PDF文档、书籍和教程。如果需要，可以自己下载。