"HTML面试题及答案: DOCTYPE的作用和标准模式与兼容模式的区别"

需积分: 0 44 浏览量更新于2024-01-23 收藏 33KB DOCX 举报

本文总共2000字，主要讨论了HTML中DOCTYPE的作用和HTML5中的标准模式与兼容模式的区别，以及为什么HTML5只需要使用<!DOCTYPE HTML>而不需要引入DTD。 DOCTYPE的作用是通过指定文档类型来告知浏览器如何解析HTML文档。在IE5.5之前，浏览器没有文档模式的概念，而在IE5.5中引入了文档模式的概念，并且使用DOCTYPE来切换文档模式。如果DOCTYPE不存在或格式不正确，浏览器会以兼容模式呈现文档。标准模式和兼容模式在渲染方式和JS引擎的解析方式上有所区别。在标准模式下，浏览器会以最高标准支持的方式渲染页面，并且JS引擎也会按照最新的标准对代码进行解析和执行。而在兼容模式下，页面会以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。 HTML5是不基于SGML的，因此不再需要引入DTD来定义文档中允许的属性和规则。相反，HTML5只需要写<!DOCTYPE HTML>来规定浏览器的行为，让浏览器按照它们应该的方式来运行。而在HTML4.01中，由于基于SGML，因此需要引入DTD才能告知浏览器文档所使用的文档类型。 SGML是标准通用标记语言（Standard Generalized Markup Language）的缩写，它是一种定义电子文档结构和描述其内容的方法。HTML（Hypertext Markup Language）是一种基于SGML的标记语言，用来描述网页的结构和内容。XML（Extensible Markup Language）是SGML的子集，用于描述数据的结构和内容。XHTML（Extensible Hypertext Markup Language）是HTML的发展形式，使用XML语法来定义网页的结构和内容。总结来说，DOCTYPE的作用是通过指定文档类型来告知浏览器如何解析HTML文档。标准模式和兼容模式分别指浏览器以最高标准支持方式渲染页面和以兼容老式浏览器方式渲染页面。HTML5不需要引入DTD是因为它不基于SGML，而HTML4.01需要引入DTD来定义文档类型。SGML、HTML、XML和XHTML都是一些与HTML相关的标记语言，它们有各自的特点和用途。

网页标准支持不是很好。但是由于 IE 的高市场占有率，微软也很长时间没有更新 Trident 内核，就

导致了 Trident 内核和 W3C 标准脱节。还有就是 Trident 内核的大量 Bug 等安全问题没有得到解决，

加上一些专家学者公开自己认为 IE 浏览器不安全的观点，使很多用户开始转向其他浏览器。

Gecko：这是 Firefox 和 Flock 所采用的内核，这个内核的优点就是功能强大、丰富，可以支持很多

复杂网页效果和浏览器扩展接口，但是代价是也显而易见就是要消耗很多的资源，比如内存。

Presto:Opera 曾经采用的就是 Presto 内核,Presto 内核被称为公认的浏览网页速度最快的内核，这得

益于它在开发时的天生优势，在处理 JS 脚本等脚本语言时，会比其他的内核快 3 倍左右，缺点就

是为了达到很快的速度而丢掉了一部分网页兼容性。

Webkit:Webkit 是 Safari 采用的内核,它的优点就是网页浏览速度较快,虽然不及 Presto 但是也胜于

Gecko 和 Trident，缺点是对于网页代码的容错性不高，也就是说对网页代码的兼容性较低，会使一

些编写不标准的网页无法正确显示。WebKit 前身是 KDE 小组的 KHTML 引擎,可以说 WebKit 是

KHTML 的一个开源的分支。

Blink：谷歌在 Chromium Blog 上发表博客，称将与苹果的开源浏览器核心 Webkit 分道扬镳,在

Chromium 项目中研发 Blink 渲染引擎(即浏览器核心),内置于 Chrome 浏览器之中。其实 Blink 引擎

就是 Webkit 的一个分支，就像 webkit 是 KHTML 的分支一样。Blink 引擎现在是谷歌公司与 Opera

Software 共同研发,上面提到过的,Opera 弃用了自己的 Presto 内核,加入 Google 阵营，跟随谷歌一起

研发 Blink。

常见浏览器所用内核

IE 浏览器内核:Trident 内核,也是俗称的 IE 内核;

Chrome 浏览器内核:统称为 Chromium 内核或 Chrome 内核,以前是 Webkit 内核,现在是 Blink 内核;

Firefox 浏览器内核:Gecko 内核,俗称 Firefox 内核;

Safari 浏览器内核:Webkit 内核;

Opera 浏览器内核：最初是自己的 Presto 内核，后来加入谷歌大军，从 Webkit 又到了 Blink 内核;

360 浏览器、猎豹浏览器内核:IE+Chrome 双内核;

搜狗、遨游、QQ 浏览器内核:Trident(兼容模式)+Webkit(高速模式);

百度浏览器、世界之窗内核：IE 内核；

2345 浏览器内核：好像以前是 IE 内核，现在也是 IE+Chrome 双内核了；

UC 浏览器内核：这个众口不一，UC 说是他们自己研发的 U3 内核，但好像还是基于 Webkit 和

Trident,还有说是基于火狐内核。

浏览器的渲染原理?

首先解析收到的文档，根据文档定义构建一棵 DOM 树，DOM 树是由 DOM 元素及属性节点组

成的。

剩余19页未读，继续阅读

苹果牛顿吃

粉丝: 22
资源: 2790

"HTML面试题及答案: DOCTYPE的作用和标准模式与兼容模式的区别"

JavaScript 80 道面试题及答案.docx

HTML 38 道面试题及答案.docx

HTML 35道面试题及答案.docx

友价免签约支付接口插件最新版

基于java的微信小程序跳蚤市场设计与实现答辩PPT.pptx

java程序员面试求职指南

akima-2019.1.1-cp34-cp34m-win32.whl.rar

aiohttp-3.8.1-cp311-cp311-win32.whl.rar

JSP基于SSM旅游景点预订html5网站毕业源码案例设计.zip

open3d-0.15.2-cp38-cp38-win-amd64.whl

最新资源