HTML：严格模式、混杂模式、怪异模式的区别

川长思鸟来 2022-11-17 05:30 352阅读 0赞

**目录**

一、三大模式的 详介

二、Doctype的 作用

三、三大模式的 区别

1、严格模式——Strict mode

2、混杂模式

3、怪异模式——Quirks mode

四、三大模式的 意义

--------------------

## 一、三大模式的 详介 ##

由于历史的原因，不同浏览器对页面的渲染是不同的，甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前，不同的浏览器在页面的渲染上没有同一的规范，产生了差异，即**Quirks mode(怪异模式或兼容模式)**；当W3C标准出台之后，不同浏览器对页面的渲染有了统一的标准,即**Strict mode（标准模式或严格模式）**；这就是两者之间的区别。

W3C标准推出前，旧的页面都是根据旧的渲染方式对页面进行渲染的，因此在W3C标准推出后为了保证旧页面的正常显示，保持浏览器的兼容性，这样浏览器上就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。

如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML 4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以**混杂模式**呈现。  
DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。

--------------------

## 二、Doctype的 作用 ##

声明位于文档 的最前面，告知浏览器的解析器，用什么文档类型、规范来解析这个文档。

**注意：**

*  规范是指W3C发布的文档类型定义(DTD)中的规则。
 *  三种DTD类型：严格、过渡和基于框架的HTML版本。

--------------------

## 三、三大模式的 区别 ##

### 1、严格模式——Strict mode ###

严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。

### 2、混杂模式 ###

混杂模式的页面以宽松的向后兼容的方式显示；模拟老的浏览器的行为以防止站点无法工作。

### 3、怪异模式——**Quirks mode** ###

怪异模式则是使用浏览器自己的方式来解析执行代码。

--------------------

## 四、三大模式的 意义 ##

Dcotype不存在或者不正确会导致文档以混杂模式呈现。

发表评论取消回复

表情：

评论列表（有 0 条评论，352人围观）

还没有评论，来说两句吧...

相关阅读

相关标准模式和混杂模式

首先引入文档模式的概念：通过文档类型DOCTYPE切换实现。最初的文档模式：标准模式和混杂模式。混杂模式：让IE的行为与IE5（非标准行为）相同；标准模式：

今天药忘吃喽~/ 2023年02月13日 03:21/ 0 赞/ 20 阅读

相关 HTML：严格模式、混杂模式、怪异模式的区别

目录一、三大模式的详介二、Doctype的作用三、三大模式的区别 1、严格模式——Strict mode 2、混杂模式 3、怪异模式——Quirks m

川长思鸟来/ 2022年11月17日 05:30/ 0 赞/ 353 阅读

相关 JX8NET游戏 Doctype文档声明的严格模式和混杂模式

原文：[JX8NET游戏 Doctype文档声明的严格模式和混杂模式][JX8NET_ Doctype] 作为站长，[JX8NET游戏][JX8NET] 的价值在于对用户提供

红太狼/ 2022年08月24日 06:27/ 0 赞/ 190 阅读

相关 DOCTYPE 严格模式与混杂模式

看到的一篇好文章，分享给自己，主要是看起来比较轻松很容易理解。 \-----------------------------------------------------

桃扇骨/ 2022年08月07日 03:39/ 0 赞/ 224 阅读

相关标准模式和混杂模式

那么，问题来了，什么情况下页面会处于混杂模式呢？下面是列出的几种：（1）不写<!DOCTYPE html> （2）<!DOCTYPE html>前面加上xml声明 <?

不念不忘少年蓝@/ 2022年07月15日 12:48/ 0 赞/ 190 阅读

相关严格模式与混杂模式

如何区分严格模式与混杂模式，它们有何意义！严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析

灰太狼/ 2022年06月10日 00:10/ 0 赞/ 243 阅读

相关严格模式、混杂模式与怪异模式

Doctype作用？严格模式、混杂模式和怪异模式如何区分？它们有何意义？ 1、doctype的作用： > 　　声明位于文档的最前面，告知浏览器的解析器，用什么文档

水深无声/ 2022年05月28日 12:09/ 0 赞/ 242 阅读

相关严格模式和标准模式的区别（附严格模式实战实例）

严格模式是一种许可式（opt-in）机制，允许开发人员使用 JavaScript 语言的一个有限但更整洁的子集。严格模式可以在脚本或函数级别实现。 "严格模式"体现了

今天药忘吃喽~/ 2021年11月05日 14:54/ 0 赞/ 394 阅读

相关标准模式与混杂模式

[标准模式与混杂模式][Link 1] DOCTYPE 的一个重要作用就是告诉浏览器，它该以何种模式呈现。我们通过document.compatMode这个属性来检测

╰半夏微凉°/ 2021年10月09日 04:10/ 0 赞/ 376 阅读

相关 Doctype的作用以及浏览器的严格模式和混杂模式的区别

下面有关HTML的Doctype和严格模式与混杂模式的描述，错误的是？ C A.声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档

野性酷女/ 2021年10月09日 04:04/ 0 赞/ 383 阅读