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

最新推荐文章于 2022-10-18 20:21:32 发布
最新推荐文章于 2022-10-18 20:21:32 发布
阅读量775 收藏 1
点赞数
分类专栏： html5 大前端学习笔记 前端面试真题 文章标签： 前端 html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sdasadasds/article/details/126665389
版权
本文探讨浏览器的解析模式，包括标准模式和怪异模式。在标准模式下，浏览器遵循W3C标准，确保各浏览器间兼容性和正确渲染。而在怪异模式中，浏览器使用自身方式解析，可能导致不同浏览器显示差异。主要区别在于元素总宽度的计算方式不同，标准模式下总宽度包含所有边距、内边距和边框，而怪异模式则不包括。
摘要由CSDN通过智能技术生成

浏览器标准模式和怪异模式之间的区别是什么？一起来看看吧！

  • 标准模式：是浏览器按照W3C标准解析执行代码，这样用规定的语法去渲染，就可以兼容各个浏览器，保证以正确的形式展示网页。
  • 怪异模式：是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。
  • 标准模式和怪异模式常见的区别：
    • 标准模式：总宽度=width+margin(左右)+padding(左右)+border(左右)
    • 怪异模式：总宽度=width+margin(左右)（width直接包括了padding(左右)+border(左右) ）
千锋HTML5大前端
关注
专栏目录
浏览器的标准模式、怪异模式
Sun_blog
07-22 1303
历史原因 在W3C标准未确定之前，各浏览器对于HTML和CSS有各自不同的解析方式，很多旧网页都是在W3C标准未确定时期实现、设计的。在W3C标准确定之后，浏览器为了保证对非标准的旧网页设计的后向兼容性。现代浏览器（IE6以上，IE6以下版本永远定在了怪异模式）一般都有两种渲染模式：标准模式和怪异模式。 在标准模式下，浏览器按照W3C标准对文档进行解析和渲染；而在怪异模式下，浏览器则按照非标准的实现方式对文档进行解析和渲染。这样的话，对于旧有的网页，浏览器启动怪异模式，就能够使得旧网页正常显示。 简单来
浏览器的混杂模式和标准模式
CIEL2019的博客
10-18 625
##浏览器的混杂模式和标准模式 有时候代码没问题，但是执行时不会报错却也显示不出来，就要考虑一下浏览器的兼容问题 浏览器是存在混杂模式和标准模式的，所以有时候对象的获取设置，会不太一样，关于浏览器的混杂模式以及标准模式，可以参考一下 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/zha...
浏览器的标准模式和怪异模式之间的区别是什么？
LuckXinXin的博客
02-29 642
答：盒子模型，渲染模式的不同。 盒子模型，渲染模式的不同。 浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)。 标准模式：浏览器按W3C标准解析执行代码； 怪异模式：使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以称之为怪异模式。 浏览器解析时使用标准模式还是怪异模式，与网页中的DTD声明直接相关，DTD声明定义了标准文...
浏览器标准模式和怪异模式的区别
weixin_39786171的博客
05-30 356
两者的区别：1.盒模式的解析上：在strict mode 中： width是内容宽度在quirks mode 中： width则是元素的实际宽度，而内容宽度 = width- (margin-left + margin-right + padding-left + padding-right + border-left + border-right)2. 图片元素垂直对齐方式在strict mod...
浏览器工作模式之标准模式/怪异模式/近似标准模式
ruoyiqing的专栏
08-31 1631
l   浏览器工作模式（渲染模式）分类 浏览器的工作模式被称为“渲染模式”，会影响“渲染方式+代码解析+脚本行为”； 从广泛的角度讲，浏览器的工作模式的差异体现在处理“HTML、XML、非web内容” 目前渲染模式的分类主要有3种：标准模式（又名严格模式）、近似标准模式、混杂模式（又名怪异模式） 通过document.compatMode可获知浏览器当前采用的渲染模式。
浏览器渲染模式：标准模式和怪异模式、为什么需要文档声明 !DOCTYPE？使用 document.body 还是 document.documentElement？
weixin_41796631的博客
04-19 639
什么是文档声明？ <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。所有文档的开头都会有文档声明<!DOCTYPE>标签来声明它采用哪种标准来解析当前网页。 <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 DTD 是什么？ DT...
浏览器的严格模式与怪异模式的设置与区分方法
weixin_45013926的博客
08-14 1929
1.浏览器的严格模式和怪异模式产生的原因 由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至在同一浏览器的不同版本中，对页面的渲染也不相同。 在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异，这个时候页面的渲染规范就称为怪异模式（Quirks mode或者Compatibility Mode）；由于W3C标准的推出，浏览器渲染页面有了统一的标准，这个页面的渲染规范就被...
浏览器标准模式和怪异模式之间的区别是什么
鹏仔工作室的秘密基地
03-08 4010
这是个历史遗留问题，W3C标准推出前，旧的页面都是根据旧的渲染方式对页面进行渲染的，因此在W3C标准推出后为了保证旧页面的正常显示，保持浏览器的兼容性，这样浏览器上就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。 个人博客http://www.sharedblog.cn/?post=83具体表现： 1.在严格模式中 ：width是内容宽度 ，元素...
javaScript 计算网页内容的宽与高 (浏览器的标准模式与怪异模式)
SiC B2B2C Shop大型B2B2C商城软件产品，使用Java语言开发，高性能高扩展性高安全性分布式。可帮助你快速的建立大型B2B2C电商系统
01-06 186
  标准模式与怪异模式：        由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Stand...
浏览器标准模式（Standards Mode）和怪异模式（Quirks Mode）的区别是什么？
LuckXinXin的博客
03-31 664
标准模式页面会按照HTML，CSS的定义渲染，而在怪异模式就是浏览器为了兼容很早之前针对旧版本浏览器设计，并未严格遵循W3C标准而产生的一种页面渲染模式。浏览器基于页面中文件类型描述去渲染，如果存在一个完整的DOCTYPE则浏览器将会采用标准模式，如果缺失就会采用怪异模式 在Netscape Navigator和Microsoft Internet Explorer为数不多的浏览器盛行时，他们对网...
浏览器的标准模式和怪异模式有什么区别？
dawn_after_dark的博客
07-04 1856
前言今天参加了腾讯大燕网前端的面试，其中有一个这样的题目， 我未答出来，所以回来后赶紧学习了一番。PS:面试官人很好，也谈了很多，给了我很多建议和指导，自己确实还有很多要学习的地方，同时也非常想加入大燕网进行实习，从而找到今后要走的路。解答浏览器的标准模式和怪异模式有什么区别？ 标准模式：是浏览器按照W3C标准解析执行代码，这样用规定的语法去渲染，就可以兼容各个浏览器，保证以正确的形式展示网页。
浏览器标准模式与怪异模式的区别
weixin_34256074的博客
02-20 94
两种模式的不同主要表现在盒模型和渲染模式的不同上 要想写出跨浏览器的CSS，必须知道浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式，与你网页中的DT...
浏览器标准模式和怪异模式之间的区别是什么——整理自网页
热门推荐
qq_37697037的博客
03-21 1万+
在标准模式页面按照HTML,CSS的定义渲染，而在怪异模式就是浏览器为了兼容很早之前针对旧版本浏览器设计，并未严格遵循W3C标准而产生的一种页面渲染模式。浏览器基于页面中文件类型描述的存在以决定采用哪种渲染模式，如果存在一个完整的DOCTYPE则浏览器将会采用标准模式，如果缺失就会采用怪异模式。下面介绍标准模式和怪异模式之间的区别 （1 ）盒模型： 在怪异模式下，盒模型为IE盒模型，
聊聊浏览器的标准模式和怪异模式
最新发布
热爱前端的大三在校生
10-18 1391
对于DOCTYPE这个词，相信大家都不陌生。。。在很久很久以前,那时候HTML和CSS还没有一个统一的标准,出现的现象就是,我用我的标准,你用你的标准,这导致了各家浏览器对于解析HTML和CSS的方式有很大的差别。
box-sizing属性的的用法
weixin_34390996的博客
03-07 228
设置或检索对象的盒模型组成模式 a、box-sizing:content-box：padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding，但占有页面位置还要加上margin ) 此属性表现为标准模式下的盒模型。b、b...
理解HTML的怪异模式与标准模式
标准模式通常遵循W3C的严格规范，而怪异模式则是按照早期浏览器（如Netscape Navigator和Internet Explorer）的行为进行解析。 在HTML中，DOCTYPE声明是决定浏览器以何种模式渲染页面的关键。对于标准模式，可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值