quirks mode(怪异模式) 和 standard mode(标准模式)

最新推荐文章于 2024-02-05 19:35:57 发布
最新推荐文章于 2024-02-05 19:35:57 发布
阅读量5.8k 收藏 8
点赞数 5
分类专栏： html 文章标签： web标准 DOCTYPE quirks mode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/monkindey/article/details/23208353
版权
本文介绍了DOCTYPE标签在HTML文档中的作用，以及如何通过DOCTYPE触发浏览器的标准模式或怪异模式。DOCTYPE标签包含DTD和URI会触发标准模式，否则可能触发怪异模式。在怪异模式下，浏览器的渲染行为与标准模式存在差异，如盒子模型、高度宽度处理和元素溢出的处理方式。检测浏览器模式通常依赖JavaScript。
摘要由CSDN通过智能技术生成

出现的背景

在很久之前的浏览器，还是Netscape Navigator和 Microsoft Internet Explorer的时候，页面主要就是为这两个浏览器写的。但是到了今天了，firefox、chrome、opera等浏览器的兴起，再加上W3C创建了web标准。本来要是早统一标准，我们就不用为一个浏览器兼容的问题搞得头昏脑涨。但是一些网站还是主要为之前的Netscape和Microsoft浏览器做的，所以如果用我们现在的web标准去要求浏览器厂家实现的话，之前的一些网站就不能用了，所以浏览器就出现可以有两种模式可以切换，实现向后兼容。或者说，浏览器开发商又要对标准化的HTML、CSS支持，又要对之前做的网站也就是非标准的网站实现向后兼容。

如何触发这两种模式

说到这里，我们说说标签的作用，之前对HTML标签还不怎么感冒的，就看了一些W3C的介绍，然后就做了一些可用的界面，觉得HTML好像挺简单似的，入门没什么压力呀。等到现在，越来越认识到HTML作为Web前端的结构，是一个页面的骨架，确实很重要，还有加上了语义化标签，渐渐地对HTML刮目相看。回到正题，我想说的是也是我忽略的一个标签，可能是看了往年大公司面试题的原因吧，觉得它似乎挺重要的。

DOCTYPE标签的使用跟每个属性的作用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • html：表示该文档的跟元素为html
  • PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 一个文档类型的公共标识符，是一个xhtml1.0的过渡文档。解析到这里，浏览器就去寻找这个D
最低0.47元/天 解锁文章
monkindey
关注
专栏目录
怪异模式（Quirks Mode）对 HTML 页面的影响
caibinghong的专栏
02-02 1011
怪异模式（Quirks Mode）对 HTML 页面的影响 Quirks Mode 概述 定义 什么是 Quirks Mode? 简单来说，Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式。 历史 由渲染引擎产生的两种文档模式 谈到 Quirks modes 首先就要从浏览器渲染引擎说起。我们知道所有的浏...
怪异模式（Quirks Mode）对 HTML 页面的影响w
Tankpt的专栏
03-08 1338
在看权威指南，偶然间看到这个的一点介绍，感觉不错。特此分享 附上原地址http://www.ibm.com/developerworks/cn/web/1310_shatao_quirks/ Quirks Mode 概述 定义 什么是 Quirks Mode? 简单来说，Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C
[转]浏览器Quirksmode(怪异模式)与CSScompat
kjah
07-14 179
原文地址:http://www.wxwdesign.cn/article/skills/browser_quirksmode_csscompat.htm       由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility M...
浏览器的两种模式quirks mode 和strict mode
weixin_34303897的博客
02-17 209
     在看js代码时，有时会看到关于quirks mode(怪异模式)和strict mode(严格格式)的东西，一直也没深究怎么回事，只是零零碎碎的有些概念，最近终于受不了这种似懂非懂的感觉，决定好好学习总结一下。 1、quirks mode和strict mode是浏览器解析css的两种模式，或者可以称之为解析方法。目前正在使用的浏览器这两种模式都支持 。   2、历史原因。 当早期的...
浏览器Quirksmode(怪异模式)与标准模式
xjinza的专栏
09-14 524
原文地址:http://www.wxwdesign.cn/article/skills/browser_quirksmode_csscompat.htm      由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在
Quirks mode
不积跬步无以至千里，不积小流无以成江海
02-12 1729
http://en.wikipedia.org/wiki/Quirks_mode In computing, quirks mode refers to a technique used by some web browsers for the sake of maintaining backward compatibility with web pagesdesigned fo
Quirks Mode & Standards Mode
简单i
12-29 2986
一篇关于Quirks Mode & Standards Mode的总结，转来收藏。 1、quirks mode和strict mode是浏览器解析css的两种模式，或者可以称之为解析方法。目前正在使用的浏览器这两种模式都支持 。2、历史原因。当早期的浏览器Netscape 4和Explorer 4对css进行解析时，并未遵守W3C标准，这时的解析方式就被我们称之为quirks mode
IE8浏览器如何确定文档模式.docx
09-26
例如，怪异模式（quirks mode）和标准模式（standard mode）就是根据文档类型而定的。 X-UA-Compatible meta 标签和头部是 HTML 文档中的 meta 标签和 HTTP 响应头，它们可以指定浏览器使用哪种渲染模式来渲染网页...
怪异盒模型和标准盒模型
07-14
怪异盒模型（Quirks Mode Box Model）和标准盒模型（Standard Box Model）是两种不同的 CSS 盒模型。 标准盒模型： - 标准盒模型是 CSS 的默认盒模型。 - 盒子的宽度（width）和高度（height）只包括内容的尺寸，不...
指定网页doctype解决CSS Hacking
09-27
作者讨论了这个问题，并提供了一个解决方案：通过在HTML文档的开头声明文档类型定义（doctype），来指导浏览器采用标准模式（Standard Mode）解析页面，而非怪异模式（Quirks Mode），从而减少或避免使用CSS Hacking...
标准模式(standard mode) 和 兼容模式(qurik mode)
浪忆江南的博客
07-16 7143
标准模式(standard mode) 和 兼容模式(qurik mode) qurik mode 兼容模式（qurik mode），别称混杂模式、怪异模式，当 html 文档没有定义 &lt;!DOCTYPE&gt; 或者定义错误不能识别时， html 文档会变为兼容模式 页面以较宽松的向后兼容的形式呈现，以兼容各个浏览器 standard mode 标准模式（standa...
html怪异模式
最新发布
weixin_44738632的博客
02-05 361
怪异模式（Quirks Mode）是浏览器的一种兼容性模式，它允许浏览器模拟老旧的、非标准的行为来兼容那些为古老浏览器设计的网页。在早期的互联网发展时期，许多网站是为了当时的主流浏览器（如早期的Internet Explorer和Netscape）特定的非标准行为而设计的。随着web标准的发展，这些行为被认为是错误的，新的浏览器版本开始支持标准的web技术。
Quirks模式与Standards模式的区别
LzwGlory的专栏
08-21 1422
quirks和standards的区别很多都可以归为IE5和IE6的区别。 盒模型的高宽包含内补丁和边框 在W3C标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在Quirks模式下，IE的宽度和高度还包含了padding和border。IE5.5及以下的浏览器即使在Standards模式下，也会有这个问题 可以设置行内元素的高宽 在Standards模式下，给sp
浏览器标准模式（Standards Mode）和怪异模式（Quirks Mode）的区别是什么？
LuckXinXin的博客
03-31 655
标准模式页面会按照HTML，CSS的定义渲染，而在怪异模式就是浏览器为了兼容很早之前针对旧版本浏览器设计，并未严格遵循W3C标准而产生的一种页面渲染模式。浏览器基于页面中文件类型描述去渲染，如果存在一个完整的DOCTYPE则浏览器将会采用标准模式，如果缺失就会采用怪异模式 在Netscape Navigator和Microsoft Internet Explorer为数不多的浏览器盛行时，他们对网...
有关ie浏览器怪异模式（Quirks Mode）对 HTML 页面的影响的解决办法
热门推荐
chenlingA的专栏
12-05 1万+
一： 把 改为  就不会出现Quirks Model了，问题也就解决了 二：表 3 x-ua-compatible 影响文档类型x-ua-compatibledoctypeDocument Mode无影响IE5 quirks无影响IE7/8/9/10 Standards<meta http-equiv="X-UA-Compatible" content="IE=Edge
浏览器表现模式（Standards Mode与Quirks mode）
{玖}单纯着，幸福着，思考着
02-26 254
       浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页，如果文档正确定义了DOCTYPE浏览器则会进入标准模式（Standards Mode），否则浏览器会进入怪异模式或混杂模式（Quirks mode）。          浏览器开发初期W3C倡导的网页标准并不流行，因此浏览器有独特的对网页标签或属性的解析模式，随着日后网页标准的流行，浏览器增加了对 新标准的支持（S...
浏览器渲染模式：Quirksmode与Standardsmode解析
- 在Quirksmode下，浏览器可能会忽略一些CSS标准，比如盒模型（Box Model）的处理方式，导致元素宽度和高度计算与现代标准模式不同。 CSS1compat（兼容模式）或Standardsmode（标准模式）： - W3C推出CSS1和后续的...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值