每日两道前端面试题 - 20190201

严格模式与混杂模式 —— 如何触发这两种模式，区分它们有何意义。

1.与严格模式与混杂模式息息相关的是：DOCTYPE
2.DOCTYPE的定义
是一组机器可读的规则，它们指示HTML文档中允许有什么，不允许有什么，DOCTYPE正是用来告诉
浏览器使用哪种DTD,一般放在HTML文档开头声明，用来告诉其他人这个文档的类型风格。
3.严格模式：浏览器根据web标准去解析页面，是一种要求严格的DTD
4.混杂模式：种向后兼容的解析方法，说的透明点就是可以实现IE5.5以下版本浏览器的渲染模式。

• 对于xhtml来说，一般包含完整的doctype，则以标准模式呈现。
• 对于html4.0包含严格的DTD就以标准模式呈现，包含过渡的DTD和URI就以标准模式呈现，若只有
• 过渡DTD没有URI则以混杂模式呈现
• doctype不存在或则不正确，页面会以混杂模式呈现

对于传统的xml定义，例如：<?xml version="1.0" encoding="utf-8"?>，如果将这句话放在页面的顶部，则在i6下以混杂模式呈现

盒模型 —— 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型

1.W3C盒模型
通过在文档顶部加doctype声明就会按W3C盒模型显示如下图，定义元素的宽高包括了内边距和边框，
即padding和border.

2.IE盒子模型
IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框，如下图：