浏览器内核 浏览器标准模式和怪异模式之间的区别是什么

浏览器标准模式和怪异模式之间的区别是什么  

浏览器标准模式和怪异模式之间的区别是什么

个人数据管理等功能、网站导航、搜索、下载UC浏览器，我用着还行，你也可以看看QQ浏览器也不错，速度快而稳定，具有视频播放

所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式，与你网页中的DTD声明直接相关，DTD声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相应的方式加载网页并显示，忽略DTD声明,将使网页进入怪异模式(quirks mode)。

由于历史的原因，不同浏览器对页面的渲染是不同的，甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前，不同的浏览器在页面的渲染上没有同一的规范，产生了差异，即Quirks mode(怪异模式或兼容模式)；当W3C标准出台之后，不同浏览器对页面的渲染有了统一的标准,即Strict mode（标准模式或严格模式）；这就是两者之间的区别。
W3C标准推出前，旧的页面都是根据旧的渲染方式对页面进行渲染的，因此在W3C标准推出后为了保证旧页面的正常显示，保持浏览器的兼容性，这样浏览器上就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。
在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。
如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML 4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。区别是：1.在严格模式中 ：width是内容宽度 ，元素真正的宽度 = margin-left + border-left-width + padding-left + width + padding-right + border-right- width + margin-right;
在怪癖模式中 ：width则是元素的实际宽度 ，内容宽度 = width - ( padding-left + padding-right + border-left-width + border-right-width)
2）可以设置行内元素的高宽 在Standards模式下，给span等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。3）可设置百分比的高度 在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度是无效的。4）用margin:0 auto设置水平居中在IE下会失效 使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效,quirk模式下的解决办法，用text-align属性: body{text-align:center};#content{text-align:left}5）quirk模式下设置图片的padding会失效6）quirk模式下Table中的字体属性不能继承上层的设置7）quirk模式下white-space:pre会失效

在标准模式下：浏览器按照HTML与CSS标准对文档进行解析和渲染；

在怪异模式下：浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。

所以

对于旧有的网页，浏览器启动怪异模式，就能够使得旧网页正常显示；

对于新的网页，则可以启动标准模式，使得新网页能够使用HTML与CSS的标准特性。

标准模式与怪异模式的两个常见区别

盒模型的处理差异：

标准CSS盒模型的宽度和高度等于内容区的高度和宽度，不包含内边距和边框，而IE6之前的浏览器实现的盒模型的宽高计算方式是包含内边距和边框的。

因此，对于IE，怪异模式和标准模式下的盒模型宽高计算方式是不一样的；

行内元素的垂直对齐：

很多早期的浏览器对齐图片至包含它们的盒子的下边框，虽然CSS的规范要求它们被对齐至盒内文本的基线。

标准模式下，基于Gecko的浏览器将会对齐至基线，而在quirks模式下它们会对齐至底部。最直接的例子就是图片的显示。

在标准模式下，图片并不是与父元素的下边框对齐的，如果仔细观察，你会发现图片与父元素下边框之间存在一点小空隙。

那是因为标准模式下，图片是基线对齐的。而怪异模式下，则不存在这个问题

浏览器标准模式和怪异模式之间的区别是什么?java

盒子模型 渲染模式的不同
使用 window..document.patMode 可显示为什么模式

“浏览器模式”和“文档模式”之间的区别

那“浏览器模式”和“文档模式”之间有什么区别呢？
“浏览器模式”用于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析、发送给网站服务器的用户代理（User-Agent）字符串的值。网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能，这样就可以向不同的浏览器返回不同的页面内容。用开发人员工具切换浏览器模式时，文档模式也会对应改变。

默认情况下，IE8的浏览器模式为IE8。用户可以通过单击地址栏旁边的兼容性视图按钮来手动切换到不同的浏览器模式。在IE8中，IE8兼容性视图会以IE7文档模式来显示网页，同时会向服务器发送IE7的用户代理字符串。

“文档模式”用于指定IE的页面排版引擎（Trident）以哪个版本的方式来解析并渲染网页代码。切换文档模式会导致网页被刷新，但不会更改用户代理字符串中的版本号，也不会从服务器重新下载网页。切换浏览器模式的同时，浏览器也会自动切换到相应的文档模式。<meta -equiv="x-ua-patible" content="IE=7" />这个就是指定文档模式为IE7，Trident会按照IE7模式去渲染页面元素。
另外还有不同的，就是IE=7和IE=EmulateIE7，这两个有什么不同呢？IE=7是页面按照IE7去渲染，不考虑DocType，而IE=EmulateIE7是以兼容IE7的模式去渲染，考虑DocType。当然还有更例外的情况，就是真正的IE7与IE9下添加了<meta -equiv="x-ua-patible" content="IE=7" />也有不同的情况，前几天做浏览器兼容的时候就碰到过，那个只能到IE7浏览器下去调试了，并且要分析代码的逻辑。

《炉石传说》标准模式和狂野模式的区别是什么？

标准模式：

1）这是《炉石传说》的新模式

2）该模式下，玩家只能使用经典包、基础卡牌，以及最新一年的发布的卡牌（包括冒险模式和将要推出的新扩展包）。

3）有一个专门为标准模式提供的天梯，该天梯等级独立计算，月末根据两种模式下相对较高的等级给予奖励。

4）未来主要的大型赛事都将采用标准模式。

5）除了上面这些之外，与原来的天梯模式没有差别。标准模式中，照样可以冲传说，做任务，拿卡背包。

6）标准模式下无法使用的卡牌，也将会无法购买，只能通过奥术尘合成。

狂野模式

1）现在正在玩的所有对战模式。

总结：

未来的对战模式中，将有两种模式，六种玩法，分别是：狂野模式下的自由对战、好友对战、天梯；标准模式下的自由对战、好友对战、天梯。

浏览器怪异模式

是IE特有的，兼容老版本IE的呈现模式。
当你的页面的DOCTYPE这些东西不正确的时候，它会自动使用这个模式。
我说的不是太详细，具体的可以看一些专业书籍。