HTML中!DOCTYPE html的作用

824 阅读1分钟

1. 什么是!DOCTYPE html

DOCTYPE(document type)标签是HTML文档中的一种标准通用标记语言的文档类型声明,它并非一种HTML元素标签。

2. !DOCTYPE html的作用

用于声明当前HTML文档的解析类型(document.compatMode)。通常来讲,HTML文档的解析类型分为以下两种:

BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。

CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。

当我们在HTML文档的第一行(必须)定义了<!DOCTYPE html>,则表示使用标准模式去解析文档

反之,若没有定义,则默认是怪异模式。在怪异模式下,不同的浏览器解析HTML文档的显示效果如CSS可能存在较大差异,所以定义统一使用标准模式正是为了避免怪异模式下各种兼容性问题,去强制统一各浏览器的解析模式。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
</body>
</html>