为什么需要使用 doctype？ [复制]答案

【问题标题】：Why is it necessary to use doctype? [duplicate]为什么需要使用 doctype？ [复制]
【发布时间】：2013-04-21 23:10:23
【问题描述】：

如果我们不包含 doctype 并且澄清 <!DOCTYPE html> 对所有新旧浏览器都可以，我们会面临什么样的问题？

不包括<!DOCTYPE html>有什么问题？

我已经阅读过 Stack Overflow 问题What's up, DOCTYPE?，但没有发现问题所在。我想知道一些问题，有时答案提供者说您应该为另一种类型的问题定义<!DOCTYPE html>，然后解决之后面临的问题，就像我想知道各种问题一样。

【问题讨论】：

在没有您的标记的情况下准确地通知确切的问题是不可能的。
我会遇到什么问题吗？
当然你会遇到问题。即使您有一个非常简单的文档，例如@j08691，首先是您的页面将以怪异模式加载，这将导致其他问题。其次，您的页面将无法验证。即使忽略所有其他问题，仅这两个原因就足以开始使用 doctype。部分原因是您可能无法使用新的 HTML5 功能。
最后但并非最不重要的一点是，开发人员社区会因为您不使用文档类型而对您的工作皱眉

标签： html css

【解决方案1】：

最佳答案来自MDN：

在网络的旧时代，页面通常以两种形式编写版本：一个用于 Netscape Navigator，一个用于 Microsoft Internet 探险家。当 W3C 制定 Web 标准时，浏览器无法刚开始使用它们，因为这样做会破坏大多数现有网站网络。浏览器因此引入了两种模式来处理新的符合标准的网站不同于旧的旧网站。

Web 浏览器中的布局引擎现在使用三种模式： 怪癖模式、几乎标准模式和完全标准模式。在怪癖中模式，布局模拟 Navigator 4 和 Internet 中的非标准行为需要不破坏现有内容的 Windows 资源管理器 5 在网上。在完全标准模式下，行为（希望）是 HTML 和 CSS 规范描述的行为。在几乎标准模式，只有极少数的怪癖实施。

浏览器如何确定使用哪种模式？

对于 HTML 文档，浏览器在开头使用 DOCTYPE 决定是否以怪癖模式或标准处理它的文档模式。为确保您的页面使用完全标准模式，请确保你的页面有一个像这个例子中的 DOCTYPE：

<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8>
<title>Hello World!</title>   
</head>
<body>
</body> 
</html>

示例中显示的 DOCTYPE 是最简单的可能，并且是 HTML5 推荐的一种。早期版本的 HTML 标准推荐了其他变体，但所有现有浏览器今天将为此 DOCTYPE 使用完整标准模式，即使是过时的 Internet Explorer 6. 没有正当理由使用更多复杂的 DOCTYPE。如果您确实使用其他 DOCTYPE，您可能会冒险选择一个，触发几乎标准模式或怪癖模式。

确保将 DOCTYPE 放在 HTML 的开头文档。 DOCTYPE 之前的任何内容，例如注释或 XML 声明将在 Internet Explorer 9 及更早版本中触发 quirks 模式。

在 HTML5 中，DOCTYPE 的唯一目的是激活完整的标准模式。旧版本的 HTML 标准提供了额外的对 DOCTYPE 的意义，但没有浏览器曾经使用过 DOCTYPE 除了在怪癖模式和标准模式之间切换之外的任何东西。

要回答您的第二个问题，建议您使用 HTML5 文档类型： <!DOCTYPE html> 在每个浏览器（包括 IE6）中触发标准模式。

【讨论】：

我已经阅读了，但实际上我想知道没有定义文档类型所带来的问题。
问题是非标准行为，本质上是怪癖模式。另见developer.mozilla.org/en-US/docs/Mozilla_Quirks_Mode_Behavior
由于未定义文档类型而可能出现的问题取决于您的标记。在一个简单的文档中，可能根本没有问题。在其他情况下，您可能会遇到布局错误、浮动问题、对齐问题、根本没有出现内容、没有显示定义的字体、图像不合适、没有响应式媒体查询功能等等。
@Jawad 正是我想知道的。
你为什么不定义一个文档类型？