在互联网的旧时代，Netscape Navigator 和 Microsoft Internet Explorer 是流行的浏览器。他们有不同的规则集，因此网页有两个不同的版本为他们服务。

后来，更多的浏览器出现了，互联网也有了标准规范。但他们必须支持两种不同的方式来渲染网页：标准和怪癖模式。标准模式用于使用标准 Web 规范渲染页面，而怪癖模式用于支持传统网站。

这两种模式的区别在于 doctype，它引用文档类型定义（或 DTD）。它为特定的 HTML 版本定义了一组规则。下面是 doctype 声明的示例：

<!-- HTML 4.01 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!-- HTML 5 -->
<!DOCTYPE html>

如果一个页面没有指定 doctype，它将以怪癖模式渲染网页。因此，它会导致页面出现一些奇怪的外观问题。

从 HTML5 开始，我们只需将其 doctype 添加到页面顶部：

<!DOCTYPE html>
<html>
    ...
</html>