1.HTML常见问题01.Doctype的作用是什么？严格模式和混杂模式有什么区别？他们的意义何在？02.为什么HTML5只需要写!DOCTYPEHTML？03.什么是行内元素？什么是块级元素？什么是空（void）元素？04.导入页面样式时，使用link和@import有什么区别？05.谈谈你对浏览器内核的理解？06.iframe框架的优缺点是什么？07.HTML5有哪些新特性，哪些元素被去掉了？如何处理HTML5新标签的浏览器兼容性问题？如何区分HTML和HTML5？08.请描述cookies、sessionStorage和localStorage的区别？09.简述你对HTML语义的理解？10.HTML5的离线存储如何使用，能解释一下工作原理吗？11、title和h1、b和strong、i和em有什么区别？12、元素的alt和title有什么异同？01.Doctype的作用是什么？标准模式和兼容模式有什么区别？01.Doctype的作用是什么？标准模式和兼容模式有什么区别？*!DOCTYPE声明位于HTML文档的第一行，在html标记之前。告诉浏览器的解析器使用什么文档标准来解析这个文档。DOCTYPE缺失或格式错误会导致文档以兼容模式呈现。*标准模式的排版和JS运行方式均以浏览器支持的最高标准运行。在兼容模式下，页面以轻松的向后兼容方式显示，模拟旧浏览器的行为以防止站点崩溃。02.为什么HTML5只需要写!DOCTYPEHTML？*HTML5不是基于SGML，所以不需要引用DTD，但是需要doctype来规范浏览器的行为（让浏览器以它们应该的方式运行）；HTML4.01是基于SGML的，所以需要引用DTD，告诉浏览器文档使用什么doctype。03.什么是行内元素？什么是块级元素？什么是空（void）元素？*内联元素：aspanimginputselect*块级元素：divulollidldtddh1p*空元素：
04。页面导入样式时，使用link和@import有什么区别？*相同的地方都是对CSS的外部引用，*区别：*link是一个xhtml标签，除了加载css外，还可以定义RSS等其他东西；@import属于CSS的范畴，只能加载CSS*当链接引??用CSS时，在页面加载时同时加载；@import需要在页面完全加载后加载，@import引用的CSS直到引用它的CSS文件加载后才会加载*link是一个xhtml标签，不存在兼容性问题；@import是在css2.1中提出的，低版本浏览器不支持*链接支持使用javascript控件改变样式，而@import不支持*链接样式的权重高于@import*import需要用在html
标签中05.谈谈你对浏览器内核的理解？常见的浏览器内核有哪些？*主要分为两部分：渲染引擎??（LayoutEngine或RenderingEngine）和JS引擎。*渲染引擎：负责获取网页的内容（HTML、XML、图片等），组织信息（如添加CSS等），计算网页的显示方式，然后输出到显示器或打印机。不同的浏览器内核对网页的语法解释不同，因此呈现的效果也不同。*JS引擎：解析执行javascript，实现网页动态效果。*Ie（IE内核）Firefox（Gecko）Google（webkit,Blink）opera（Presto）、Safari（wbkit）06、iframe框架的优缺点是什么？*优点：*iframe可以完整显示嵌入的网页。*如果多个网页引用了iframe，那么只需要修改iframe的内容，就可以改变调用的每个页面的内容，方便快捷。*如果网页有相同的header和version，为了统一风格，可以写成一个页面，用iframe嵌套，可以增加代码的复用性。*如果遇到图标、广告等第三方内容加载缓慢，这些问题都可以通过iframe来解决。*缺点：*搜索引擎爬虫无法解释该页面*框架结构中出现各种滚动条*使用框架结构时，请确保设置正确的导航链接。*iframe页面会增加服务器的http请求**iframe会阻塞主页面的Onload事件；**搜索引擎的检索程序无法解读此类页面，不利于SEO；**iframe和主页面共享连接池，而浏览器对同一域的连接有限制，所以这会影响页面的并行加载。*使用iframe前需要考虑这两个缺点。如果需要使用iframe，最好通过javascript*将src属性值动态添加到iframe中，这样可以绕过以上两个问题。07.HTML5有哪些新特性，哪些元素被去掉了？如何处理HTML5新标签的浏览器兼容性问题？如何区分HTML和HTML5*添加了图像、位置、存储和多任务处理等新功能。*新元素：*画布*用于媒体播放的视频和音频元素*本地离线存储。localStorage长期存储数据，关闭浏览器后数据不会丢失；sessionStorage数据在浏览器关闭后自动删除*具有更好语义的内容元素，例如文章页脚标题导航部分*位置API：Geolocation*表单控件，日历日期时间电子邮件url搜索*新技术：webworker（webworker是JavaScript后台运行，独立于其他脚本，不会影响页面性能。你可以继续做任何你想做的事情：点击、选择等，而webworker在后台运行）websocket*拖放API：拖放*删除的元素：*纯呈现的元素：basefontbigcenterfontsstrikettu*性能较差的元素：frameframesetnoframes*区分：*DOCTYPE声明的方式是区分重要因素*根据新增的结构和函数来区分。08.请描述cookies、sessionStorage和localStorage的区别？*共同点：都是保存在浏览器端，同源。*不同点：1.Cookies是存储在用户本地终端的用于识别用户身份的数据，始终携带在同源http请求中，即cookies在浏览器和服务器端来回传递，而sessionstorage而localstorage不会自动将数据发送到服务器，只保存在本地。2.存储大小限制不同。cookie保存的数据很小，不能超过4k，而sessionstorage和localstorage保存的数据很大，可以达到5M。3、数据有效期不同。cookie在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。SessionStorage仅在浏览器窗口关闭之前有效。localstorage一直有效，窗口和浏览器关闭保存，用于长期数据存储。4.范围不同。Cookies在所有同源窗口共享；sessionstorage不在不同的浏览器中共享，即使在同一页面上也是如此；本地存储在所有同源窗口中共享。09.简述你对HTML语义的理解？*去除或丢失样式时，可以使页面呈现出清晰的结构。*有利于SEO与搜索引擎建立良好的沟通，帮助爬虫抓取更多信息。爬虫依靠标签来确定上下文和每个关键字的权重。*方便其他设备分析。*方便团队开发和维护，语义基于可读性10、如何使用HTML5离线存储，能解释一下工作原理吗？*在线时，浏览器在HTML头中找到manifest属性，就会请求manifest文件。如果是第一次访问，浏览器会根据manifest文件的内容下载相应的资源并离线存储。如果已经被访问过并且资源已经离线存储，浏览器将使用离线资源加载页面。然后浏览器会将新的清单文件与旧的清单文件进行比较。如果文件没有改变，它不会做任何事情。如果文件发生变化，它会重新下载文件中的资源并离线存储。例如*在页面头部添加manifest属性**在cache.manifest文件中写入离线存储的资源*CACHEMANIFEST#v0.11CACHE:js/app.jscss/style.cssNETWORK:Resourse/logo.pngFALLBACK://offline.htmltitle和h1、b和strong、i和em有什么区别？title属性无明确含义，仅表示标题；h1表示层次分明的标题，对页面信息的捕捉也有很大的影响；strong表示重点内容，语气加强意思；b是无意义的视觉表示；em表示强调文本；i是斜体，无意义的视觉表现视觉风格标签：bius语义风格标签：strongeminsdelcode元素的alt和title有什么异同？当alt和title同时设置时，alt作为图片的替代文字出现，title为图片的说明文字。
