浏览器的怪异模式和标准模式的区别
发布网友
发布时间：2022-04-20 12:00
我来回答
共2个回答
懂视网
时间：2022-04-20 16:21
浏览器的标准模式和怪异模式到底是什么？
标准模式：
是浏览器按照W3C标准解析执行代码，这样用规定的语法去渲染，就可以兼容各个浏览器，保证以正确的形式展示网页。
怪异模式：
是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。
为什么还要存在怪异模式呢？
在HTML与CSS的标准化未完成之前，各个浏览器对于HTML和CSS的解析有各自不同的实现，而有很多旧的网页都是按照这些非标准的实现去设计的。在HTML与CSS标准确定之后，浏览器一方面要按照标准去实现对HTML与CSS的支持，另一方面又要保证对非标准的旧网页设计的后向兼容性。因此，现代的浏览器一般都有两种渲染模式：标准模式和怪异模式。在标准模式下，浏览器按照HTML与CSS标准对文档进行解析和渲染；而在怪异模式下，浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。
浏览器如何确定使用哪种渲染模式？
如果你的页面添加了<!DOCTYPE html>(注意：大小写不敏感)，那么就等同于开启了标准模式。即如下面代码展示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
如果省略了，浏览器会采用不符合某些标准的渲染模式。
标准模式与怪异模式的常见区别
盒模型的处理差异：标准CSS盒模型的宽度和高度等于内容区的高度和宽度，不包含内边距和边框，而IE6之前的浏览器实现的盒模型的宽高计算方式是包含内边距和边框的。因此，对于IE，怪异模式和标准模式下的盒模型宽高计算方式是不一样的；
行内元素的垂直对齐：很多早期的浏览器对齐图片至包含它们的盒子的下边框，虽然CSS的规范要求它们被对齐至盒内文本的基线。标准模式下，基于Gecko的浏览器将会对齐至基线，而在quirks模式下它们会对齐至底部。最直接的例子就是图片的显示。在标准模式下，图片并不是与父元素的下边框对齐的，如果仔细观察，你会发现图片与父元素下边框之间存在一点小空隙。那是因为标准模式下，图片是基线对齐的。而怪异模式下，则不存在这个问题。
热心网友
时间：2022-04-20 13:29
个人数据管理等功能、网站导航、搜索、下载UC浏览器，我用着还行，你也可以看看QQ浏览器也不错，速度快而稳定，具有视频播放
浏览器标准模式和怪异模式之间的区别是什么
标准模式与怪异模式的两个常见区别 盒模型的处理差异：标准CSS盒模型的宽度和高度等于内容区的高度和宽度，不包含内边距和边框，而IE6之前的浏览器实现的盒模型的宽高计算方式是包含内边距和边框的。因此，对于IE，怪异模式和标准模式下的盒模型宽高计算方式是不一样的；行内元素的垂直对齐：很多早期的...
浏览器标准模式和怪异模式的区别
二.区别 1. 盒模型 在怪异模式下，浏览器的盒模型为IE盒模型；而在标准模式下。浏览器的盒模型则为标准盒模型。二者的区别在于对元素宽高的计算不一样。 IE盒模型 标准盒模型 2. 图片的垂直对齐方式 对于 inline 和 table-cell 的元素来说， &...
浏览器标准模式和怪异模式之间的区别是什么
所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式，与你网页中的DTD声明直接相关，DTD声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览...
标准盒模型和怪异(IE)盒模型
怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。 当不对Doctype进行定义时，会触发怪异模式。（这个我一般都做文档声明）1.W3C标准盒模型 在标准模式下，一个块...
判断当前文档是严格模式还是混杂模式(怪异
方法一 ： window.top.document.compatMode //BackCompat 表示怪异模式 //CSS1Compat 表示标准模式 window.top.document === window.document 两个对象是同一个 方法二 使用Jquery方法进行判断 .boxModel .support.boxModel // true表示的是标准模式 浏览器要使用哪种模式进行渲染？需要看...
盒模型以及标准盒模型和怪异盒模型区别
DOCTYPE html>。 如果是定义了完整的doctype的标准文档类型，无论是哪种模型情况，最终都会触发标准模式， 如果doctype协议缺失，会由浏览器自己界定，在IE浏览器中IE9以下（IE6.IE7.IE8）的版本触发怪异模式，其他浏览器中会默认为W3c标准模式。另外，我们还可以通过属性box-sizing来设置盒子模型的...
Web前端面试的常见面试题汇总
浏览器使用文件开头的DOCTYPE来决定用怪异模式处理或标准模式处理。DOCTYPE可以确保不同浏览器以相同的方式解析文档,以及执行相同的渲染模式。怪异模式与标准模式的主要区别:1.怪异模式的宽度和高度会包含padding和border。标准模式不包含,标准模式下可以通过设置box-sizing:border-box将标准盒模型转化成怪异模式下的盒模型...
什么是的JavaScript的怪异模式
W3C标准认为，盒子的宽度仅仅是内容的宽度，而IE标准认为“内容+padding+border”才是盒子的宽度，故而早期的浏览器Netscape 4和Explorer 4对css进行解析时，并未遵守W3C标准，这时的解析方式就被我们称之为quirks mode(怪异模式)
浏览器的模式有几种?
一般是有两个，一个极速模式用chrome内核，另一个兼容模式是ie内核。我自己其实也不太清楚到底有什么区别，只是很多时候用极速模式打不开网页，或者打开了显示有问题，就换成兼容模式可以解决。
HTML标签分类总结
因此，现代的浏览器一般都有两种渲染模式： 标准模式 和 怪异模式 。在 标准模式 下，浏览器按照HTML与CSS标准对文档进行解析和渲染；而在 怪异模式 下，浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。这样的话，对于旧有的网页，浏览器启动怪异模式，就能够使得旧网页正常显示；对于新的...
