标准模式和怪癖模式之间的区别

标准模式和Quirks 模式是 Web 浏览器引入的两种模式，用于将新的符合标准的网站与旧的旧网站区别对待。目前，Web浏览器的布局引擎使用三种模式来工作：怪癖模式、几乎标准模式和完全标准模式。 HTML 的文档类型声明，也称为 DOCTYPE，是每个 HTML 或 XHTML 文档中必需的第一行代码。这是针对 Web 浏览器的说明，说明页面是用哪个版本的 HTML 编写的。这有助于不同的 Web 浏览器以相同的方式解析网页。

Quirks 模式： Quirks 模式是许多 Web 浏览器使用的一种技术，用于保持与为旧 Web 浏览器设计的网页的向后兼容性，而不是严格遵守 W3C 标准。在 Quirks 模式下，互联网浏览器试图解释“最佳猜测”，这与对可能结构不佳、非标准或无效编写的代码的一般理解相关联，这意味着您的页面在没有类型声明的情况下运行。 quirks 模式的一般用途是它是 IE5 的兼容模式。这意味着除了更改布局模式外，它还关闭了自 IE5 以来创建的大部分浏览器功能。在 quirks 模式下，浏览器接受并表现得像早期的网络。它在这种模式下接受任何格式错误、格式错误的标记，并且对语法、标签和元素不严格。这样做是为了避免在新浏览器中过多地破坏旧网站。

我们将使用带和不带 DOCTYPE 的相同代码来了解每种模式的触发并实现它们之间的区别。

示例：在以下示例中 DOCTYPE 未写入，因此这将触发 quirks 模式：

HTML

    


     

    

    
File without DOCTYPE
    
 
        Welcome to GFG
    

    

输出：

标准模式：调用标准模式以在主要 Web 浏览器中提供对标准化 HTML 和 CSS 的支持。基于 DOCTYPE，它将呈现 HTML 和 CSS。它将检查基于作为 W3C 标准提到的 DOCTYPE 的所有语法。它接受格式良好的代码，并按照客户提出的请求进行操作。第三种兼容模式被称为几乎标准模式或严格模式，它试图在两者之间妥协，实现表格单元大小的一个怪癖，同时符合规范。

示例：考虑与之前相同的示例，但这次添加 DOCTYPE 将触发标准模式。

HTML

    
    
    
    

    

    
File with DOCTYPE
    
 
        Welcome to gfg
    

    

输出：

标准模式和怪癖模式之间的区别

Basis of comparison	Quirks mode	Standards mode
Code standardization	It accepts and works with ill-formatted code	It only works with standard w3c formatted code.
Vertical alignment	Align to the bottom within the box	Aligned to the baseline of the text within the box
Inherit font sizes	It doesn’t inherit the font sizes.	It inherits font sizes.
Purpose	To maintain the run of old legacy sites.	To have standard uniformity all over.
Interpretation	Works with best-guess interpretation.	Works with standard norms.
DOCTYPE	Not necessarily required.	Necessarily required.