测试DOCTYPE在各种浏览器上的Quirks模式和标准模式

最新推荐文章于 2022-06-11 23:37:56 发布

sunxing007

最新推荐文章于 2022-06-11 23:37:56 发布

阅读量3.5k

点赞数

分类专栏： DHTML CSS 文章标签： html 浏览器 mozilla web开发 html5 ie

本文链接：https://blog.csdn.net/sunxing007/article/details/7433316

版权

DHTML CSS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

首先声明, 讨论这个问题本文不具备太大的现实意义, 就好比花大笔墨讨论用java1.1重写我们目前的项目会有哪些影响一样. 但是做web开发, 难免要接触它. 我各人觉得quirks模式翻译为怪异模式不是很好, 至少我花了好久才揣摩出它的真正含义. 简单来说, quirks模式就是兼容模式, 就是让相对较新的浏览器兼容旧浏览器, 让较新的浏览器表现的像旧的浏览器一样, 包括再现旧浏览器中已知的bug. 从开发者的角度来说, 就是让我们今天写出来的代码, 能够在旧的浏览器(比如ie5)上正确地表现. 除了兼容(quirks)模式和标准模式, 还有过渡(transitional)模式, 即没有完全兼容旧版本的bug.

DOCTYPE, 一般出现在html文档的第一行就是用来触发浏览器的渲染模式. 根据mozilla网站上一篇文章的介绍, DOCTYPE在HTML5中仅仅用来触发标准模式, 旧版本的HTML可能会给予DOCTYPE更多的含义, 但是还没有哪个浏览器用DOCTYPE来做除了切换兼容模式以外的事情. 我们不妨用下面的code来检测一下浏览器的渲染模式:

<!-- DOCTYPE Here -->
<html>
	<head><title>DOCTYPE Test</title></head>
	<body><div id="d"></div></body>
	<script>
		function $(id){
			return document.getElementById(id);
		}
		$('d').innerHTML = document.documentMode + '<br />' + document.compatMode
	</script>
</html>

我挑选了如下一些DOCTYPE的声明方式, 得到如下的结果:

DOCTYPE声明	说明	IE8	FF	Chrome
<!DOCTYPE HTML>	HTML5推荐的方式	CSS1Compat	CSS1Compat
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >	严格模式声明并给出DTD URL	CSS1Compat	CSS1Compat
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">	严格模式声明但不给出DTD URL	CSS1Compat	CSS1Compat
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">	过渡模式并给出DTD URL	CSS1Compat	CSS1Compat
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">	过渡模式但不给出DTD URL	BackCompat	BackCompat
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "somethingbad">

http://www.cs.tut.fi/~jkorpela/quirks-mode.html

有点难总结，未完。。。

sunxing007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
测试DOCTYPE在各种浏览器上的Quirks模式和标准模式

首先声明, 讨论这个问题本文不具备太大的现实意义, 就好比花大笔墨讨论用java1.1重写我们目前的项目会有哪些影响一样. 但是做web开发, 难免要接触它. 我各人觉得quirks模式翻译为怪异模式不是很好, 至少我花了好久才揣摩出它的真正含义. 简单来说, quirks模式就是兼容模式, 就是让相对较新的浏览器兼容旧浏览器, 让较新的浏览器表现的像旧的浏览器一样, 包括再现旧浏览器中已知的bu
复制链接

扫一扫

专栏目录