前端面试题整理

1.Doctype作用？严格模式与混杂模式如何区分？它们有何意义?

1）<!DICTYPE>声明位于文档中的最前面，处于标签之前，告诉浏览器的解析器，用什么文档类型来规范解析这个文档。

2）严格模式的排版和js运作模式是以该浏览器支持的最高标准运行

3）在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作，DOCTYPE不存在 或格式不正确会导致文档以混杂模式呈现

2.HTML5 为什么只需要写 ？

html5不基于SGML(标准通用语言)，因此不需要对DTD（文档类型定义）进行引用，但需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式运行）

而html4.01基于SGML，所以需要对DTD进行应用，才能告知浏览器文档所使用的文档类型。

3.行内元素有哪些？块级元素有哪些？空（void）元素有哪些？

1）css规范规定，每个元素都有display 属性，配档该元素的类型，每个元素都有默认的display值。

2）行内元素有：a b soan img input select strong（强调的语气）
块级元素有：div ul li ol dl dt dd h1 h2 h3… p
空元素(没有内容的HTML内容被称为空元素，空元素是在开始标签中关闭的)有: img input br hr link meta

4.页面导入样式时，使用link和@import有什么区别？

1）link属于XHTML标签，而@import是CSS提供的；

2）页面被加载的时，link会同事被加载，而@import引用的CSS会等到页面被加载完再加载；

3）import只有在IE5以上才能被识别，而link是XHTML标签，无兼容问题;

4）link 方式的样式的权重>@import的权重

5.常见的浏览器内核有哪些？
IE浏览器的内核：Trident、
Mozilla的Gecko、
Chrome的Blink（WebKit的分支）、
Opera内核原为Presto，现为Blink

6.介绍一下你对浏览器内核的理解？

浏览器内核是浏览器最重要的或者说是最核心的部分。主要负责对网页语法的解释并渲染(显示)网页。
浏览器内核又可以分为两个部分（渲染引擎和js引擎）
js引擎则是解析JavaScript语言，执行javascript语言来实现网页的动态效果。
渲染引擎负责取的网页的内容，整理讯息，以及计算网页的显示方式，然后哦会输出至显示器或者打印机。

7.简述一下你对HTML语义化的理解？

HTML语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

HTML语义化的主要目的是：

1)为了在没有css的情况下，页面也能呈现出很好地内容结构、代码结构

2)有利于用户体验

3)有利于SEO和搜索引擎建立良好的沟通。

4)方便其他设备解析以意义的方式来渲染网页、

5)便于团队开发和维护，增加可读性。

8.HTML5的离线储存怎么使用

离线存储局势将一些源代码文件保存在本地，这样后续的页面重新加载将使用本地资源文件，在离线情况下可以继续访问web应用，同时通过一定的手法(更新相关文件或者使用相关 API)，可以更新、删除离线存储等操作。

备注：本篇文章转载于蓝鸥教育闫峻讲师