<!DOCTYPE>在html中的使用

最新推荐文章于 2025-09-15 11:39:05 发布

原创最新推荐文章于 2025-09-15 11:39:05 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #前端

html 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了HTML中<!DOCTYPE>的相关知识。<!DOCTYPE>是声明页面HTML版本的，位于文档最前，能让浏览器决定渲染模式、验证文档规则。还说明了不同HTML版本中<!DOCTYPE>的使用方法，强调在文档开头用适当声明可启用标准模式，保证CSS样式统一。

什么是 <!DOCTYPE>

<!DOCTYPE>是一个用来告诉web浏览器当前页面使用了哪个版本的html的声明，它需要位于文档的最开始的位置，也就是位于<html>标签之前。

当声明了正确的doctype以后：
1.浏览器可以决定使用哪一种渲染模式去展示页面
2.Markup validators可以决定使用哪些规则来验证当前文档
以上这两点都将影响html页面在不同浏览器中的正常显示。

“浏览器本身分为两种模式，一种是标准模式（Standards mode），一种是怪异模式（Quirks mode），浏览器通过doctype来区分这两种模式，doctype在html中的作用就是触发浏览器的标准模式，如果html中省略了doctype，浏览器就会进入到Quirks模式的怪异状态，在这种模式下，有些样式会和标准模式存在差异，而html标准和dom标准值规定了标准模式下的行为，没有对怪异模式做出规定，因此不同浏览器在怪异模式下的处理也是不同的，所以一定要在html开头使用doctype。”——知乎

如何使用<!DOCTYPE>

在 HTML 4.01 中，<!DOCTYPE> 声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML （Standard Generalized Markup Language 标准通用标记语言）。DTD 指定了标记语言的规则，确保了浏览器能够正确的渲染内容。

HTML5 不是基于 SGML，因此不要求引用 DTD。

HTML5中只定义了一种声明：
<!DOCTYPE html>
在这里插入图片描述

HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明，分别是：Strict、Transitional 和 Frameset。
Strict模式：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
Transitional模式：<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
Frameset模式：<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>
在html4.01的声明中最重要的两部分分别是两对引号括起来的内容，以strict模式为例： “-//W3C//DTD HTML 4.01//EN” 代表这个DTD文档是由W3C发布的，用来描述html4.01，语言是英文；“http://www.w3.org/TR/html4/strict.dtd” 是这个声明所引用的DTD的URL。