学习心得 - 黑马程序员技术交流社区

实质就是规定浏览器对html页面的渲染方式（标准模式），不同的浏览器显示相同的页面.由于历史的原因，各个浏览器对页面的渲染存在差异，甚至在同一浏览器的不同版本汇总，对页面的渲染也不同。在W3C标准出现以前，浏览器对页面的渲染没有统一的规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，使浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别。问题：W3C标准推出以后，浏览器都开始采用新标准，如何保证旧的网页还能继续浏览？( 在W3C标准出现以前，很多的网页都是根据旧的方法编写的，如果用新的标准来渲染，将会导致页面出现异常.)为了保持浏览器渲染的兼容性，使以前的页面能够正常浏览，浏览器都保留了旧的渲染方法(如微软的IE)，这样浏览器就产生了怪异模式和标准模式两种渲染方法，共存在一个浏览器上。

window.top.document.compatMode：//BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 //CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。这个属性会被浏览器识别并使用，如果你的页面没有 DOCTYPE的声明，那么compatMode默认就是BackCompat，浏览器会按照自己的方式渲染页面，在不同的浏览器会显示不同的样式.如果添加了DOCTYPE的声明，那么就相当于开启了标准模式，浏览器就会按照W3C的标准解析渲染页面，保证了在所有的浏览器都是一个样式

http-equiv，相当于http的文件头作用，可以向浏览器回传一些有用的信息，帮助正确和精确的显示网页内容，与之对应的属性值为content,content中的值就是各个参数的变量值<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)<meta http-equiv="content-Type" charset=UTF8">

block(块)元素的特点总是在新行开始;宽度缺省值默认是它的容器的100%，除非指定宽度;可以容纳其他内联元素和其他块元素;通过css调高度和宽度;inline元素的特点和其他元素都在一行上,固定文字或图片宽度，不可改变,内联元素只能容纳文本或者其他内联元素,不可以通过css调整高度和宽度