doctype

2024年5月19日 108次阅读 来源: puhongru

<!DOCTYPE>是什么

<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。那么，DOCTYPE的作用就是：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

文档的解析类型（document.compatMode）有两种模式：

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

  • CSS1Compat：标准模式（严格模式）,浏览器使用W3C的标准解析渲染页面。

如果页面没有DOCTYPE声明，浏览器在渲染页面的时候就会使用顾阿姨模式，而各个浏览器在怪异模式下队各个元素渲染是有差别的。
关于两种模式，需要知道一下几点：

  1. 在标准化钱写的页面时没有doctype的，因此没有doctype的页面时在怪异模式下渲染的。

  2. 反过来说，如果web开发人员加入的doctype，说明他知道他所要做的事情，大部分的doctype会开启严格模式（标准模式），页面也会按照标准来渲染

  3. 任何新的或未知的doctype都会开启严格模式（标准模式）。

  4. 每个浏览器都有自己的方式来截获怪异模式。可以看看这个清单：Activating Browser Modes with Doctype

使用<!DOCTYPE html>

使用很简单，就是在你的html页面的第一行添加”<!DOCTYPE html>”一行代码就可以了

    原文作者：puhongru
    原文地址: https://segmentfault.com/a/1190000007124134
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞