当前位置：首页 > news >正文

＜!DOCTYPE html＞的作用是什么

news 文章来源：https://blog.csdn.net/m0_64387122/article/details/144274105 2025/1/18 10:44:23

一、背景

从今天开始会不定时的发布一些前端的常见面试题，供大家参考。今天要发布的内容是关于html的面试题的作用是什么。接下来就一起讨论以下吧

二、概念

DOCTYPE 是html5中一种标准通用标记语言的文档类型的声明，它的目的就是为了告诉浏览器应该以什么样的文档类型定义来解析文档。不是一个html标签，二是一个指令，负责告诉浏览器页面使用哪个html版本来编写。

三、主要作用

1、启用浏览器的标准模式或者怪异模式
2、用来告诉浏览器应该使用哪种HTML版本来解析文档。这声明对于确保在不同浏览器中的正确显示和行为具有至关重要的作用。DOCTYPE 声明位于HTML 档的最顶部，是文档的第一行。
1）CSS1Compat（标准模式）：浏览器按照 W3C的标准严格解析代码，的显示效果和性能表现更加符合现代web标准。例如：语雀官网的文档类型就是 CSS1Compat
2）BackCompat（怪异模式）：假如文档缺少DOCTYPE 或使错误的 DOCTYPE ，浏览器就可能采这种模式，可能不会按照开发者的预期渲染。
不同的渲染模式会影响浏览器对 CSS 代码甚⾄JavaScript 脚本的解析。
正确的 DOCTYPE 声明是现代 web 开发的基础，有助于：

提高页面的兼容性，确保在不同的浏览器和设备上都能正常显示。
减少调试和维护的时间，避免因浏览器解析差异导致的多数常见问题。

四、深挖

首先我们来看一下这个声明的由来，mdn描述：

在很久以前的网络上，页面通常有两种版本：为网景（Netscape）的 Navigator 准备的版本，以及为微软（Microsoft）的 Internet Explorer 准备的版本。当 W3C 创立网络标准后，为了不破坏当时既有的网站，浏览器不能直接弃用这些标准。因此，浏览器采用了两种模式，用以把能符合新规范的网站和老旧网站区分开。

目前浏览器的排版引擎使用三种模式：怪异模式（Quirks mode）、接近标准模式（Almost standards mode）、以及标准模式（Standards mode）。

那么浏览器是如何去选择使用哪种模式的呢？

对 HTML 文件来说，浏览器使用文件开头的 DOCTYPE 来决定用怪异模式处理或标准模式处理。
然而目前唯一的作用是启用标准模式。

五、总结

综上我们可以总结一下哈，那就是主要的作用就是通过声明的方式告知浏览器应该选用哪种模式进行解析html，css等代码，目前浏览器的排版引擎使用三种模式：怪异模式、接近标准模式、以及标准模式。如果不声明的话，浏览器就会默认使用怪异模式来解析，这可能和开发者的预期不符。所以，正确的 DOCTYPE 声明是现代 web 开发的基础，这有助于提高页面的兼容性，确保在不同的浏览器和设备上都能正常显示，也能减少调试和维护的时间。

六、结语

今天的面试题就分享到这里，今后还会有其他关于前端面试的面试题，想要快速找到这个专栏，可以进入我的社区，社区中的面试题专栏，会持续更新面试题，感谢大家的耐心阅读，希望这篇文章能给您带来一些启发和帮助。如果您有任何疑问或建议，请随时在评论区留言，我会尽快回复。如果您觉得这篇文章还不错，请点赞、分享给更多的朋友吧！同时，也欢迎关注我的博客，获取更多精彩内容。