doctype

zhangrxiang 发布于2019-08-01 15:49 / 1650人阅读

摘要：是什么声明不是标签它是指示浏览器关于页面使用哪个版本进行编写的指令。那么，的作用就是声明文档的解析类型，避免浏览器的怪异模式。每个浏览器都有自己的方式来截获怪异模式。

是什么

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

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

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

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

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

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

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

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

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

使用

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

云服务器 GPU云服务器 DOCTYPE

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/50135.html

前端面试题-<!DOCTYPE>

摘要：三浏览器模式为了能够很好地显示满足标准的页面，又能最大程度兼容不合法的。标准模式标准模式浏览器根据标准来渲染页面。混杂模式混杂模式浏览器采用更加宽松的向后兼容的方式来渲染页面。现在的各种前端开发工具都足够强大，支持插入模板代码，也就导致我们往往会忽略已经自动生成的代码，而代码的第一行 DOCTYPE 声明，就是最容易忽略的部分。一、DOCTYPE DOCTYPE 是 documen...

468122151 2019-08-01 18:42 评论0 收藏0
2019年前端笔试题

摘要：为了实现这一点，他们创建了两种呈现模式标准模式和混杂模式。不存在或形式不正确会导致和文档以混杂模式呈现。无论是否编写了有效的，如果选择了错误的，那么页面就将以混杂模式呈现，其行为就可能会有错误或不可预测。什么是web标准？WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。...

Baaaan 2019-08-30 11:10 评论0 收藏0
2019年前端笔试题

摘要：为了实现这一点，他们创建了两种呈现模式标准模式和混杂模式。不存在或形式不正确会导致和文档以混杂模式呈现。无论是否编写了有效的，如果选择了错误的，那么页面就将以混杂模式呈现，其行为就可能会有错误或不可预测。什么是web标准？WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。...

Neilyo 2019-08-23 18:05 评论0 收藏0
Doctype的作用?严格模式与混合模式,如何触发者这两种模式,区分它们有何意义?

摘要：如何区分浏览器解析时到底使用严格模式还是混杂模式，与网页中的直接相关。有的过渡严格模式没有的过渡混杂模式不存在或形式不正确会导致文档以混杂模式呈现。Doctype作用?严格模式与混合模式,如何触发者这两种模式,区分它们有何意义? 1.1 Doctype作用声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML ...

wanghui 2019-04-23 11:49 评论0 收藏0