标准模式与怪异模式区别

最新推荐文章于 2020-07-20 08:44:11 发布
最新推荐文章于 2020-07-20 08:44:11 发布
阅读量1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27626645/article/details/78953965
版权

1）盒模型：IE下标准模式为：content+padding+border+margin。怪异模式下为：content+margin(padding,border包含在content宽高中)

2）怪异模式中IE6/7/8都不识别！important声明

3）设置行内元素宽高，标准模式下不生效，怪异模式下生效

4）margin:0 auto,在标准模式下会水平居中，怪异模式下不会。

幸运的菇凉
关注
浏览器的标准模式、怪异模式
Sun_blog
07-22 1296
历史原因 在W3C标准未确定之前，各浏览器对于HTML和CSS有各自不同的解析方式，很多旧网页都是在W3C标准未确定时期实现、设计的。在W3C标准确定之后，浏览器为了保证对非标准的旧网页设计的后向兼容性。现代浏览器（IE6以上，IE6以下版本永远定在了怪异模式）一般都有两种渲染模式：标准模式和怪异模式。 在标准模式下，浏览器按照W3C标准对文档进行解析和渲染；而在怪异模式下，浏览器则按照非标准的实现方式对文档进行解析和渲染。这样的话，对于旧有的网页，浏览器启动怪异模式，就能够使得旧网页正常显示。 简单来
Doctype标准模式和怪异模式
qq_45814762的博客
06-01 327
Doctype标准模式和怪异模式？ Doctype是一种标准通用的文档类型声明，它必须出现在文件的第一行，目的是告诉浏览器使用什么样的文档类型定义（DTD）来解析文档。 它不是HTML标签它是规定浏览器以什么方式解析代码 在HTML 4.0.1，Doctype中有三个不同的文档类型，它的声明格式为 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> //strict
浏览器标准模式和怪异模式之间的区别是什么？
热门推荐
Sally的博客
09-17 1万+
浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)。标准模式：浏览器按W3C标准解析执行代码；怪异模式：使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以称之为怪异模式。浏览器解析时使用标准模式还是怪异模式，与网页中的DTD声明直接相关，DTD声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相关的方式加载网页并显
浏览器标准模式和怪异模式的区别
weixin_39786171的博客
05-30 352
两者的区别：1.盒模式的解析上：在strict mode 中： width是内容宽度在quirks mode 中： width则是元素的实际宽度，而内容宽度 = width- (margin-left + margin-right + padding-left + padding-right + border-left + border-right)2. 图片元素垂直对齐方式在strict mod...
box-sizing属性的的用法
weixin_34390996的博客
03-07 224
设置或检索对象的盒模型组成模式 a、box-sizing:content-box：padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding，但占有页面位置还要加上margin ) 此属性表现为标准模式下的盒模型。b、b...
浅谈CSS编程中的怪异模式
09-24
为了理解怪异模式与标准模式的区别，可以考虑以下CSS样式和HTML结构： ```css .box { width: 200px; height: 200px; border: 20px solid black; padding: 50px; margin: 50px; } ``` ```html ...
浏览器工作模式之标准模式/怪异模式/近似标准模式
ruoyiqing的专栏
08-31 1625
l   浏览器工作模式（渲染模式）分类 浏览器的工作模式被称为“渲染模式”，会影响“渲染方式+代码解析+脚本行为”； 从广泛的角度讲，浏览器的工作模式的差异体现在处理“HTML、XML、非web内容” 目前渲染模式的分类主要有3种：标准模式（又名严格模式）、近似标准模式、混杂模式（又名怪异模式） 通过document.compatMode可获知浏览器当前采用的渲染模式。
浏览器的严格模式与怪异模式的设置与区分方法
weixin_45013926的博客
08-14 1921
1.浏览器的严格模式和怪异模式产生的原因 由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至在同一浏览器的不同版本中，对页面的渲染也不相同。 在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异，这个时候页面的渲染规范就称为怪异模式（Quirks mode或者Compatibility Mode）；由于W3C标准的推出，浏览器渲染页面有了统一的标准，这个页面的渲染规范就被...
浏览器标准模式和怪异模式之间的区别是什么
鹏仔工作室的秘密基地
03-08 4001
这是个历史遗留问题，W3C标准推出前，旧的页面都是根据旧的渲染方式对页面进行渲染的，因此在W3C标准推出后为了保证旧页面的正常显示，保持浏览器的兼容性，这样浏览器上就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。 个人博客http://www.sharedblog.cn/?post=83具体表现： 1.在严格模式中 ：width是内容宽度 ，元素...
怪异模式与标准模式
你的博客
07-24 734
什么是怪异模式与标准模式： 浏览器一般都有两种解析渲染模式：标准模式和怪异模式。在标准模式下，浏览器按照HTML与CSS标准对文档进行解析和渲染；而在怪异模式下，浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。而浏览器解析渲染时采取什么模式是由什么决定呢？答案是DOCTYPE声明 DOCTYPE声明：告知浏览器如何解析和渲染文档  DTD：文档类型定义 //H5中DOCTYPE...
浏览器的怪异模式和标准模式的区别
chanchanliu1117的博客
12-08 1144
何时触发怪异模式和标准模式 浏览器根据doctype是否存在和哪种DOT格式来决定怪异模式还是标准模式，如果XHTML文档包含完整的DOCTYPE，那么它一般以标准模式呈现 代码对于html4.0文档，包含严格dtd的doctype和包含过渡dtd和URI的doctype常常导致页面以标准模式呈现高亮 任何新的或位置的doctype将导致标准模式呈现 不存在doctype会导致怪异模式 但是有过渡d
浏览器的标准模式和怪异模式有什么区别？
dawn_after_dark的博客
07-04 1851
前言今天参加了腾讯大燕网前端的面试，其中有一个这样的题目， 我未答出来，所以回来后赶紧学习了一番。PS:面试官人很好，也谈了很多，给了我很多建议和指导，自己确实还有很多要学习的地方，同时也非常想加入大燕网进行实习，从而找到今后要走的路。解答浏览器的标准模式和怪异模式有什么区别？ 标准模式：是浏览器按照W3C标准解析执行代码，这样用规定的语法去渲染，就可以兼容各个浏览器，保证以正确的形式展示网页。
浏览器标准模式和怪异模式之间的区别是什么?
mzrxLXR的博客
08-01 477
vue2.0的声明周期钩子函数? 总共分为10个 1. beforecreated 在实例化之后,数据观测(data observer) 和 event/watcher 事件配置之前调用 2. created 组件实例化之后调用 3. beforeMount 在挂载之前开始调用 4.mounted el被新创建的vm.$el替换,并挂载上去之后调用该钩子 5. befor...
怪异模式和标准模式的定义和区别
u011927449的博客
07-20 394
所谓的标准模式是指，浏览器按W3C标准解析执行代码； 怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。 浏览器解析时到底使用标准模式还是怪异模式，与你网页中的DTD声明直接相关，DTD声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相应的方式加载网页并显示，忽略DTD声明,将使网页进入怪异模式(quirks mode)。...
浏览器的标准模式和怪异模式之间的区别是什么？
LuckXinXin的博客
02-29 639
答：盒子模型，渲染模式的不同。 盒子模型，渲染模式的不同。 浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)。 标准模式：浏览器按W3C标准解析执行代码； 怪异模式：使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以称之为怪异模式。 浏览器解析时使用标准模式还是怪异模式，与网页中的DTD声明直接相关，DTD声明定义了标准文...
理解HTML的怪异模式与标准模式
"怪异模式与标准模式-续-htmlcssjavascriptPPT课件" 这篇资源主要讲解了HTML网页设计中的怪异模式与标准模式的区别，以及CSS样式和JavaScript的相关知识。这两种模式的区别主要体现在盒模型的解释上，这对网页布局...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值