浏览器严格模式和混杂模式的直观表现差异

一、引言

众所周知,Doctype是文件类型定义(DTD),用来告诉浏览器用什么规范来解析当前文档。当过渡 DTD没有 URI,DTD不存在或者格式不正确时,浏览器会用混杂模式来解析文档。(也就是依据自己的一套标准,最大程度地展示文档)。

HTML5不是基于SGML的,所以不用DTD。这里用4.0.1做示例。

二、直观表现

下面是在IE6下 严格模式(标准模式) 和 混杂模式(怪异模式) 的展现:

如图,怪异模式下:

1)盒模型的高宽包含内边距padding和边框border(对应test1)

2)可以设置行内元素的高宽(对应test2)

3)可设置百分比的高度(对应test3,这点需要用IE10以上或其他现代浏览器才能看出来!)

4)用margin:0 auto设置水平居中在IE下会失效(对应test4)

5)设置图片的padding会失效(对应test5)

6)table中的字体属性不能继承上层的设置(对应test6)

7)white-space:pre会失效(对应test7)


下面是测试代码:

dtd-presentation

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 序章 谈谈“浏览器兼容性”的问题?很多前端的面试或笔试中,都有比较笼统的“说说你所知道的各浏览器存在的兼容问题”,...
    麻辣小隔壁阅读 3,108评论 1 57
  • HTML、XML、XHTML 有什么区别 1.HTML 是用来描述网页的一种语言,指的是超文本标记语言 (Hype...
    饥人谷_牛牛阅读 742评论 0 2
  • 简介浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.c...
    听风阁阅读 3,328评论 0 7
  • 1. 介绍 浏览器可能是最广泛使用的软件。本书将介绍浏览器的工作原理。我们将看到,当你在地址栏中输入google....
    康斌阅读 2,091评论 7 18