Skip to content

<!DOCTYPE html> 标签有什么用?

Posted on:2024年8月22日 at 04:01

<!DOCTYPE html> 是 HTML 文档的文档类型声明(DOCTYPE),用于告知浏览器该文档使用的 HTML 版本和标准。它的主要作用如下:

作用

  1. 指定文档类型

    • <!DOCTYPE html> 声明告知浏览器该文档遵循 HTML5 标准。这有助于浏览器正确解析和渲染网页内容。
  2. 触发标准模式

    • 在浏览器中,<!DOCTYPE html> 会触发标准模式(Standards Mode),使浏览器以最严格的方式按照 HTML5 标准来渲染页面。没有 DOCTYPE 或者不正确的 DOCTYPE 可能会导致浏览器进入混杂模式(Quirks Mode),这种模式下的渲染可能不符合标准规范。
  3. 确保一致的渲染

    • 通过声明 DOCTYPE,可以减少不同浏览器之间的渲染差异。标准模式确保所有浏览器以一致的方式呈现 HTML 内容。

示例

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

历史背景

原文转自:https://fe.ecool.fun/topic/ba6327df-ba59-4870-921c-36b8516c4451