前端相关
一、Doctype作用？标准模式与兼容模式各有什么区别？
1）<!DOCTYPE!>声明位于html文档中的第一行，处于<html>标签之前。告知浏览器的解析器用什么文档标准解析当前文档。DOCTYPE不存在或者格式不正确会导致文档以兼容模式呈现。
2）标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。
二、HTML5为什么只需要写<!DOCTYPE HTML>?
html5不基于SGML,因此不需要对DTD进行引用，但需要doctype来规范浏览器的行为，告知浏览器以什么文档标准解析当前文档。
html4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
三、行内元素有哪些？块级元素有哪些？空元素有哪些？
行内元素：a b span strong img
行内快：input select
块元素：div p h1~h6 ul ol li dl dt dd option
空元素：br hr img input link meta area
四、页面导入样式时，使用link和@import有什么区别？
1)link属于XHTML标签，除了加载CSS外，还能用于定义RSS，定义rel连接属性等作用；儿@import是CSS提供的，只能用于加载css
2)页面被加载时，link会同时被加载，而@import引用的css会等到页面被加载完再加载；
3）@import是css2.1提出的，有兼容性，而link是xhtml标签，无兼容问题；
4）link支持使用js控制dom改变样式，而@import不支持
五、介绍一下你对浏览器内核的理解？
主要分成两部分：渲染引擎和JS引擎
渲染引擎：负责取得网页的内容（html，xml，图像等等）、整理讯息（加入css等），以及计算网页的显示方式，然后输出至显示器或打印机。
JS引擎：解析和执行JS来实现网页的动态效果。
最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。
六、常见的浏览器内核有哪些？
Trident：IE
Gecko：Firefox
Presto:Opera(现在opera内核为webkit)
Webkit:Safari Chrome
七、html语义化理解
用正确的标签做正确的事。
html语义化让页面的内容结构化，结构更清晰，便于浏览器、搜索引擎解析‘’，搜索引擎的爬虫也依赖于html标记来确定上下文和各个关键字的权重，利于SEO；便于阅读理解维护。
八、cookie、sesssionStorage、localStorage区别
cookie是网站为了标示用户身份而存储在用户本地终端上的数据（通常经过加密），cookie数据始终在同源的http请求中携带，会在浏览器和服务器间来回传递。
sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。
存储大小：
cookie数据大小不能超过4k.
sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可达到5M或更大。
有限时间：
localStorage永久存储在本地，除非主动清除
sessionStorage会话级存储，浏览器窗口关闭则数据清除
cookie在设置的有效期内一直有效，即使窗口关闭
浙公网安备 33010602011771号