前端面试题-<!DOCTYPE>

468122151 发布于2019-08-01 18:42 / 2099人阅读

摘要：三浏览器模式为了能够很好地显示满足标准的页面，又能最大程度兼容不合法的。标准模式标准模式浏览器根据标准来渲染页面。混杂模式混杂模式浏览器采用更加宽松的向后兼容的方式来渲染页面。

现在的各种前端开发工具都足够强大，支持插入模板代码，也就导致我们往往会忽略已经自动生成的代码，而代码的第一行 DOCTYPE 声明，就是最容易忽略的部分。

一、DOCTYPE

DOCTYPE 是 document type(文档类型的）的简写。

1.1 DOCTYPE 的作用

告诉浏览器需要通过哪一种规范（文档类型定义，DTD）解析文档（比如HTML或XHTML规范）；

二、DTD

DTD（document type definition，文档类型定义）是一系列的语法规则，用来定义 XML 或 (X)HTML 的文件类型。浏览器会使用它来判断文档类型， 决定使用何种协议来解析，以及切换浏览器模式。

三、浏览器模式

为了能够很好地显示满足标准的页面，又能最大程度兼容不合法的HTML。浏览器厂商一般会提供两种浏览器模式。

3.1 标准模式

标准模式（standards mode）：浏览器根据W3C标准来渲染页面。

3.2 混杂模式

混杂模式（quirks mode）：浏览器采用更加宽松的、向后兼容的方式来渲染页面。

混杂模式下，浏览器会模仿旧浏览器的行为，比如IE6，在此基础上兼容新的标准特性。混杂模式又称兼容模式、怪异模式等。

四、DOCTYPE 切换

浏览器根据不同的 DOCTYPE 选择不同的渲染方法就叫做 DOCTYPE 切换。其实 DOCTYPE切换就是用来识别和兼容旧网页的。

五、的重要性 5.1 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式

如果你是使用最新标准编写的页面但未给出 DOCTYPE 声明，这时就可能会出现一些怪异的行为。但若你声明了，那么浏览器等同于进入了标准模式，并且按照W3C标准渲染页面。

GPU云服务器云服务器 python &lt&gt java &lt=&gt java&lt &gt asp &lt&gt

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

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

前端技术之_CSS详解第一天

摘要：前端技术之详解第一天一部分略。。。。中国主要城市北京上海广州美国主要城市纽约洛杉矶华盛顿西雅图在浏览器中，默认是不会增加任何的效果改变的，但是语义变了，中的所有元素是一个小区域。前端技术之_CSS详解第一天一html部分略。。。。二、列表列表有3种2.1 无序列表无序列表，用来表示一个列表的语义，并且每个项目和每个项目之间，是不分先后的。ul就是英语unordered list，无序列表的意...

番茄西红柿 2019-04-23 13:46 评论0 收藏0
web前端（10）—— 浮动，清除默认样式

如果在一行内写文字，文字过多，那么浏览器会自动换行去显示我们的文字文档流还有其他现象底部对齐，高矮不管文字还有图片大小不一，都会让我们页面的元素出现高矮不齐的现象，但是在浏览器查看我们的页面总会发现底边对齐例：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>t...

番茄西红柿 2019-04-23 13:11 评论0 收藏0
Python必考五大面试题是什么？下文给大家解答

　　小编写这篇文章的一个主要目的，主要是来给大家做个介绍，介绍的内容主要是涉及到Python一些试题的讲解，小编给大家总结出来了五道必考的题目，大家可要仔细阅读哦，下面就给大家详细解答。　　1、使用while循环实现输出2-3+4-5+6...+100的和　　#方法一　　#从2开始计算　　i=2 　　#定义一个变量用于保存结果　　sum=0 　　whilei<=100: 　　i...

89542767 2022-12-14 16:12 评论0 收藏0
JS手写bind之处理new的情况详解

　　你有遇见过给bind返回的函数做new操作的场景，本篇主要讲述的就是实现一下兼容new操作的bind写法，顺便学习一下new操作符，为大家提供下参考。　　大家可以去看下关于 JS 中 bind 方法的实现的文章，并给出了实现：　　Function.prototype.myBind=function(thisArg,...prefixArgs){ 　　constfn=this; 　　return...

3403771864 2022-11-19 22:09 评论0 收藏0