为什么使用DOCTYPE HTML

2023年6月11日上午12:48 • JavaScript

当我们编写HTML文档时，必须在文件开头加上文档类型声明（DOCTYPE），该声明告诉浏览器的解释器HTML文档的类型以及使用的版本。在HTML5中，文档类型定义如下：

<!DOCTYPE html>

它是HTML5文档类型的标准声明。但是，在开发中，可能会遇到一些旧的HTML文档类型声明，如XHTML、HTML4等。在这种情况下，我们应该使用与文档类型声明相对应的DTD声明。这个声明告诉浏览器，当前文档使用的是哪个规范，浏览器则在解析文档时依照该规范解析，以确保正确的呈现HTML文档。

为什么使用DOCTYPE HTML 的完整攻略

1.标准模式

使用DOCTYPE HTML，可以使浏览器处于标准模式。标准模式是浏览器解析HTML文档的模式，它会根据W3C规范执行，因此HTML元素的呈现和CSS规则的应用都是在W3C标准下进行。另外一个模式是怪异模式，该模式是在旧的浏览器中运行的，它会尝试兼容一些旧的HTML文档类型声明，因此不是遵循W3C标准。

<!DOCTYPE html>
<html>
  <head>
    <title>示例1: DOCTYPE HTML的作用</title>
    <style>
      p {
        font-size: 16px;
      }
    </style>
  </head>
  <body>
    <h1>示例1: DOCTYPE HTML的作用</h1>
    <p>这是一个用HTML5编写的文档，使用了DOCTYPE声明。
    </p>
  </body>
</html>

在这个示例中，我们使用了HTML5的DOCTYPE声明，浏览器将在标准模式下呈现文档。同样，CSS规则也是在W3C标准下执行的。在标准模式下，浏览器对文档的解析与呈现都是比较准确的。

2. 避免浏览器推测

使用DOCTYPE HTML声明可以避免浏览器进行误解和推测。如果您忘记在文档的开头添加它，浏览器将采用怪异模式来呈现文档，因为它会尝试猜测当前文档采用的是哪种规范。

<html>
  <head>
    <title>示例2: 避免浏览器推测</title>
    <style>
      p {
        font-size: 16px;
      }
    </style>
  </head>
  <body>
    <h1>示例2: 避免浏览器推测</h1>
    <p>这是一个用HTML5编写的文档，没有使用DOCTYPE声明。
    </p>
  </body>
</html>

在这个示例中，我们没有在文档的开头添加DOCTYPE声明，因此浏览器将采用怪异模式来解析HTML文档。这个模式可能导致文档的呈现效果与我们预期的不同。

总之，使用DOCTYPE HTML声明是一个好的开发习惯，它可以保证浏览器解析HTML文档的准确性和一致性。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：为什么使用DOCTYPE HTML - Python技术站