每日两道前端面试题20190201

共计 599 个字符，预计需要花费 2 分钟才能阅读完成。

严格模式与混杂模式 —— 如何触发这两种模式，区分它们有何意义。
1. 与严格模式与混杂模式息息相关的是：DOCTYPE2.DOCTYPE 的定义是一组机器可读的规则，它们指示 HTML 文档中允许有什么，不允许有什么，DOCTYPE 正是用来告诉浏览器使用哪种 DTD, 一般放在 HTML 文档开头声明，用来告诉其他人这个文档的类型风格。3. 严格模式：浏览器根据 web 标准去解析页面，是一种要求严格的 DTD4. 混杂模式：种向后兼容的解析方法，说的透明点就是可以实现 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 以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框，如下图：