HTMLCSS部分面试题(含新增部分).docxVIP

一、HTML 常见题目01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义? 声明叫做文档类型定义（DTD），声明的作用为了告诉浏览器文件类型。告知浏览器的解析器用什么文档标准(HTML/XHTML)解析这个文档.（告知浏览器以何种模式来渲染文档。）!DOCTYPE声明位于HTML文档中的第一行,处于html标签之前.严格模式:又称标准模式，是指浏览器按照W3C标准解析代码。混杂模式:又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。如何区分:浏览器解析时到底使用严格模式还是混杂模式，与网页中的DTD直接相关如果文档包含严格的DOCTYPE,那么它一般以严格模式呈现包含过渡DTD和URL的DOCTYPE，也以严格模式呈现，但有过渡DTD而没有URL（统一资源标识符，就是声明最后的地址）会导致页面以混杂模式呈现。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。HTML5没有DTD，因此也就没有严格模式和混杂模式的区别，HTML5有相对宽松的语法，实现时，已经尽可能大的实现了向后兼容。意义:严格模式和混杂模式存在的意义与其来源密切相关，如果说只存在严格模式，那么许多旧网站必然会受到影响，如果说只存在混杂模式，那么回到当时浏览器大战时的混乱，每个浏览器都有自己的解析模式。02.Html5为什么只需要写!doctype htmlHTML5 不基于 SGML(Standard Generalized Markup language 标准通用置标语言)，因此不需要对DTD(Document Type Definition 文档类型定义)进行引用，但是需要!doctype html来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。03.行内元素有哪些？块级元素有哪些？空(void)元素有那些？（1）首先：CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，如div的display默认值为“block”，则为“块级”元素；span默认display属性值为“inline”，是“行内”元素。（2）行内元素有：a b span img input select strong（强调的语气）?（3）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p ?（4）知名的空元素：?br hr img inputlink meta?鲜为人知的是：area base col command embed keygen param source track wbr04、页面导入样式时，使用link和@import有什么区别？（1）老祖宗的差别。link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import完全是CSS提供的，只能用于加载CSS;加载顺序的区别。页面被加载时，link引用的css会同时被加载，而@import引用的CSS会等到页面被加载完再加载;兼容性的差别。由于@import是CSS2.1 提出的，只在IE5以上的浏览器才能被识别，而link是XHTML标签，无兼容问题;使用DOM控制样式时的差别。当使用JavaScript控制DOM去改变样式的时候，只使用link标签，因为@import不是DOM可以控制的。05、介绍一下你对浏览器内核的理解？浏览器最重要或者说核心的部分是Rendering Engine，可大概翻译为“渲染引擎”，不过我们一般习惯称之为“浏览器内核”。负责对网页语法的解释并渲染（显示）网页。主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。JS引擎则解析和执行javascript来实现网页的动态效果。最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。所谓内核，就是常驻内存、能够快速响应的那一部分核心代码，非内核代码都是要用到时再调入内存并执行的,浏览器用的内核，一般不外乎微软的IE 内核和webkit内核。webkit内核更小巧快速，但兼容性不如IE内核。所以有些浏览器是用的双内核，可以在高速模式和兼容模式间切换。06、常见的浏览器内核有哪些？（1）Trident内核：代表产品Interne