标准模式以 IE7 标准模式显示,Quirks模式以 IE5 模式显示。...以 Internet Explorer 标准模式显示页面; IE=EmulateIE7 强制 IE7 遵循页面中的 模式: 文档模式 描述 Quirks Mode(怪癖模式) 在没有呈现doctype或Quirks doctype的文档时,此行为与Internet Explorer的行为相匹配。...它类似于Microsoft Internet Explorer 5的行为和Internet Explorer 6的Quirks模式行为,与Internet Explorer 7的Quirks模式相同。...Internet Explorer 7 Standards(IE7标准模式) 当呈现具有严格或未知类型的文档时,此行为与Internet Explorer 7的行为相匹配。
DOCTYPE>只支持两种兼容性模式,受到影响的网站拥有者被迫更新他们的网站使其能支持IE7。 IE8 比之前的任何版本浏览器都更支持业界标准,因此针对旧版本浏览器设计的网页可能无法如预期般呈现。...Standards mode指令会显示成IE7 Standards mode而quirks mode会显示成IE5 mode。不同于IE7 mode,Emulate IE7 mode重视模式。 •IE5 mode 编译内容如同IE7的quirks mode之显示状况,和IE5中显示的非常类似。...•IE7 mode编译内容如同IE7的standards mode之显示状况,无论网页是否含有指令。... 其内容随著指定的页面模式而更改,当要模拟IE7时,指定IE=EmulateIE7,指定IE=5, IE=7, 或IE=8来选择其中一种兼容性模式。
不过在那个只有IE5.5的年代,并没有Quirks这一说法,只是后来IE6面世后逐渐向W3C标准靠拢,而IE5.5下DOM树的解析、渲染等都与W3C标准有很大差别,于是命其名为Quirks。 ...IE6的兼容模式就两种,怪异模式(Quirks)和IE6标准模式。(IE7也只有怪异模式和IE7标准模式) IE6默认使用怪异模式(Quirks),仅当以IE7也是这样) 注意:这时的兼容模式主要是解决显示问题,要知道那时的JS只是小配角而已。 3.3....文档兼容性模式——IE8的新宠 “文档兼容性模式”是对“兼容模式”的扩展,就IE8而言,除了提供怪异模式(Quirks)和IE8标准模式外,还提供了IE7标准模式、模拟IE7模式,而且设置的方式也丰富得多...DOCTYPE>的增删,在标准模式和怪异模式(Quirks)间切换; 4.
Standards Mode VS Quirks Mode 要弄清楚这个问题,我们先来解释一下浏览器的 “标准模式”(Standards Mode, 也称 strict mode)和 “怪异模式”(Quirks...实际上,在上文提到的具有 Quirks 和 Standards 两种文档模式的浏览器中还存在第三种模式—Almost Standards Mode。...如果我们将 IE 升级到 IE10 就会发现 IE10 除了拥有 IE7/8/9/10 Standards Mode 四种 Standards Mode,同样还有拥有了两种 Quirks Mode:IE5...随着 IE10 发布而产生的这个新的怪异模式 IE10 Quirks 被认为是一种更好的支持了 HTML5 规范的 Quirks Mode。...> ),则采用 quirks mode 解析。这条规则在 ie7 中已经移除了。
最后的解决方法是使用 x-ua-compatible ,来强制IE8使用IE7的模式来解析页面。下面是整理的一些相关的资料。...IE6之后的所有IE浏览器都支持以下几种模式: Standards mode:就是每个浏览器版本所提供的最新的功能,也是默认的模式; Quirks mode:这个模式强调兼容性超过标准(影响可以看这里)...DOCTYPE>来决定文档模式 IE9和之前版本的浏览器,在遇到没有指定的页面时,使用IE5 Quirks模式解析文档,所以建议所有文档都要包含Quirks 模式进行解析。...如下面的例子,在IE8进行浏览时,将会使用IE7的标准模式进行渲染,因为他本身不支持IE9和IE10。
文档模式有3种, 混杂模式 标准模式 准标准模式 混杂模式是一般的浏览器在开发者没有声明的时候默认使用(不过这种模式在不同的浏览器下表现的差异很大,一般不要用),因为文档模式是在IE5.5出现时引入的,...标准模式之下还有更加细分的地方: 1、HTML版的严格模式 2、XHTML版的严格模式 3、HTML5模式 代码: 1 模式--> 2 模式和标准模式非常接近,差异基本可以忽略 还需要说的是,除了文档模式,还有一个叫浏览器模式,这个模式特点是,设置不同的浏览器模式,IE会返回给服务器不同的user-agent,这样服务器可以根据返回的...IE6的兼容模式就两种,怪异模式(Quirks)和IE6标准模式。(IE7也只有怪异模式和IE7标准模式) IE6默认使用怪异模式(Quirks),仅当以IE7也是这样) 注意:这时的兼容模式主要是解决显示问题,要知道那时的JS只是小配角而已。
以下结论皆是在标准模式下测试通过的,没有测试quirk模式。...在浏览器中的区别在于: IE6、IE7 认为scrollHeight 是内容高度,可以小于clientHeight。...IE7 注意:IE7中,滚动条的宽度是17个像素。.../** * Figure out if current document is in quirks mode....visible height of the whole document or window. */ function getDocumentClientHeight(doc) { // in IE quirks
,或者使用 IE5 Quirks 模式进行解析。...这句话的意思是强制使用IE7模式来解析网页代码! 在这里送上几种IE使用模式!...使IE5,IE6兼容到IE7模式(推荐) 使IE5,IE6,IE7兼容到IE8模式 使IE5,IE6,IE7,IE8兼容到IE9模式 <!
1、使用一行代码来指定浏览器使用特定的文档模式。...,或者使用 IE5 Quirks 模式进行解析。...3、为了测试,我们也可以使用下面的语句指定浏览器按照最高的标准模式解析页面。...我们可以用逗号分割多个版本,这种情况下,浏览器会从这个列表中选择一个他所支持的最高版本来使用标准模式进行渲染。...如下面的例子,在 IE8 进行浏览时,将会使用 IE7 的标准模式进行渲染,因为他本身不支持 IE9 和 IE10。
DOCTYPE HTML> 这些doctype都是标准的文档类型,无论我们使用哪种模式都会触发标准模式,而如果doctype缺失,则在ie6、ie7、ie8将会触发怪异模式(quirks); 一旦为页面设置了恰当的...不幸的是,IE5.X 和 6 在怪异模式中使用自己的非标准模型。这些浏览器的 width 属性不是内容的宽度,而是内容、内边距和边框的宽度的总和。...举个栗子 我们用一个div块来演示标准模式和怪异模式的区别: .box{ width:200px; height:200px; border:20px solid black;...怪异模式 在怪异模式下的盒模型如下图所示,盒子的总宽度和高度是包含内边距padding和边框border宽度在内的 盒子总宽度/高度=width/height + margin = 内容区宽度/高度 +...当为border-box时,将采取怪异模式解析计算 当为inherit时,将从父元素来继承box-sizing属性的值 参考 标准模式,怪异盒模型&box-sizing属性 w3c盒模型浏览器兼容性
IE7标准模式 IE8910提供该模式用于模拟IE7的标准模式。 IE8标准模式 IE910提供该模式用于模拟IE8的标准模式。 ...大家可以参考Mozllia's documentation和Quirks Mode specification。 ...在Firefox14前的标准和准表尊模式下,HTML的id属性都不会自动在全局范围内创建dom对象的引用;仅当处于怪异模式下,document.all才部分生效。...IE8有4种模式:IE5.5怪异模式,IE7标准模式,IE8准标准模式和IE8标准模式;IE9有7种模式:IE5.5怪异模式,IE7标准模式,IE8准标准模式,IE8标准模式,IE9准标准模式,IE9标准模式和...IE9XML模式;IE10有11中模式,IE5.5怪异模式,IE7标准模式,IE8准标准模式,IE8标准模式,IE9准标准模式,IE9标准模式,IE9XML模式,IE5.5怪异模式,IE7标准模式,IE8
虽然它不显眼,但我们需要知道它为什么存在。 HTML 文件中,是必须的,需要放到整个文档的顶部,格式为。...它存在的意义在于阻止浏览器在渲染文档时进入混杂模式(Quirks Mode)。也就是说模式来区别对待符合新标准的站点和旧的遗留站点:混杂模式(Quirks Mode)和标准模式(Standards Mode)。...即使行框内并没有任何内容,行框总是会包含类似字母"g","f"尾巴下伸出来的那一部分空间(针对下行字母)。...[2] 这个链接: https://developer.mozilla.org/en-US/docs/Mozilla/Mozilla_quirks_mode_behavior [3] XHTML: https
HTML文档 文档树 Doctype Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档 有和无的区别 BackCompat:标准兼容模式未开启(或叫怪异模式[Quirks...mode]、混杂模式) CSS1Compat:标准兼容模式已开启(或叫严格模式[Standards mode/Strict mode]) 这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE...到了IE7出来的时候,采用了微软公司内部标准以及部分W3C的标准,这个时候许多网站升级到IE7的时候,就比较痛苦,很多代码必须调整后,才能够正常的运行。...文档兼容性在 Internet Explorer 8 中添加了新的模式;这些模式将告诉浏览器如何解释和呈现网站。...如果该指令丢失或未指定基于标准的文档类型,则 Internet Explorer 8 将以 IE5 模式(Quirks 模式)显示该网页 更多 Title 网页头部信息 Link css < link
告诉浏览器用何种渲染模式来渲染页面。...在浏览器中有三种渲染模式: 怪癖模式(quirks mode),准标准模式(almost standards mode)和标准模式(standards mode)。...浏览器标准模式和怪异模式之间的区别是什么? 在怪癖模式下,浏览器会模拟Navigator 4和IE5的方式来渲染页面。 在标准模式下,浏览器会用HTML和CSS规范定义的方式来渲染页面。...标准模式下,基于 Gecko 的浏览器将会对齐至基线,而在 怪癖模式下它们会对齐至底部。 表格样式是否继承。 使用 XHTML 的局限有哪些? XHTML要求严格。...的区别: cookies会在服务器端和客户端间传递的;sessionStorage 和 localStorage存放在客户端的,不会发送至服务器端 cookies的兼容主流浏览器,包括IE6+;IE6,IE7
(重点:告诉浏览器按照何种规范解析页面) 03 Quirks模式是什么?它和Standards模式有什么区别?...这就是Quirks 模式(怪癖模式,诡异模式,怪异模式)。 区别: 总体有布局、样式解析和脚本执行三方面的区别。...设置行内元素的高宽:在Standards模式下,给等行内元素设置wdith和height都不会生效,而在quirks模式下,则会生效。...:0 auto在standards模式下可以使元素水平居中,但在quirks模式下却会失效。...07 为什么利用多个域名来存储网站资源会更有效?
Quirks模式是什么?它和Standards模式有什么区别 Doctype作用? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? div+css的布局较table布局有什么优点?...Quirks模式(怪癖模式,诡异模式,怪异模式) Quirks模式和Standards模式的区别: 首先,严格模式(又称标准模式,Standards模式)和混杂模式(Quirk模式)都是指浏览器的呈现模式...设置行内元素的高宽: 在Standards模式下,给等行内元素设置wdith和height都不会生效,而在quirks模式下,则会生效。...严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? 声明位于文档中的最前面的位置,处于 标签之前。...为什么要语义化?
1、声明文档使用的字符编码 2、声明文档的兼容模式 指示IE以目前可用的最高模式显示内容 IE7" />指示IE使用 模式指令以IE7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。...(webkit) 避免IE使用兼容模式 ie7"> <!
元素生成伪元素的作用和效果相当于方法2中的原理,(使用伪元素生成一个看不见的块级元素,并且设置clear:both样式)但是IE8以上和非IE浏览器才支持:after,zoom(IE专有属性)可解决ie6,ie7...css属性:overflow:hidden (7) position 、float 和 display 的取值和各自的意思和用法 position 属性取值:static(默认)、relative(处于文档流...浏览器解析时到底使用标准模式还是怪异模式,与你网页中的DTD声明直接相关,DTD声明定义了标准文档的类型(标准模式解析)文档类型,会使浏览器使用相应的方式加载网页并显示,忽略DTD声明,将使网页进入怪异模式...(quirks mode)。...important > id > class > tag , important 比 内联优先级高 优先级就近原则,同权重情况下样式定义最近者为准; (14) 为什么要初始化 CSS 样式 ?
7、Quirks 模式是什么?它和 Standards 模式有什么区别?...**Quirks模式:**Quirks模式就是浏览器为了兼容早期针对旧版本浏览器设计、并未遵循W3C标准的网页而产生的一种页面渲染模式,这种模式又被成为“怪异模式”,简单来说就是一个新浏览器故意模拟许多在旧浏览器中存在的...**与 Standards 模式的区别:**总体会有布局、样式解析和脚本执行三个方面的区别: 盒模型:在W3C标准中,如果设置了一个元素的高度和宽度,指的是元素内容的宽度和高度,而在Quirks模式下,...IE的宽度和高度还包含了 padding 和 border ; 设置行内元素的宽高:在 Standars 模式下,给等行内元素设置 width 和 height 都不会生效,而 Quirks...模式下可以使用 margin:0px auto 来设置元素水平居中,但是这种设置在 Quirks 模式下是无效的; 8、请阐述 table 有哪些缺点?
领取专属 10元无门槛券
手把手带您无忧上云