|
|
51CTO旗下网站
|
|
移动端

1.3.3 浏览器渲染模式

《前端程序员面试笔试宝典》第1章HTML基础,本章讲解的是HTML的基础知识,包括HTML的目标以及工作原理,同时还会解释一些HTML相关的术语,例如渲染模式、HTML实体等。本节为大家介绍浏览器渲染模式。

作者:平文来源:机械工业出版社|2018-11-09 16:32

1.3.3  浏览器渲染模式

浏览器的渲染模式有3种,分别是怪异模式(Quirks mode)、接近标准模式(Almost standards mode)和标准模式(Standards mode)。

1. 怪异模式:这个模式主要是为了兼容早期的浏览器。早期的网站并不会遵循完整的规范,随着浏览器支持越来越多的规范,在那些旧的浏览器中开发的页面,在显示时会被破坏。为了向后兼容,浏览器就发明了怪异模式,模拟旧浏览器的行为。一行错误或无效的DOCTYPE都会触发怪异模式。怪异模式的一些怪癖如下所列:

(1)会触发IE盒模型,宽度和高度的算法与W3C盒模型不同。

(2)在表格中的字体样式(如font-size等)不会被继承,如果在body中设置了字体样式,表格中的字体样式需要再设置一次。

(3)对元素设置左右外边距自动(即将左右margin设为auto)和宽度,并不会实现水平居中。

(4)当内容超出容器高度时,会把容器拉伸,而不是溢出。

(5)颜色值必须用十六进制标记法,即要以井号(#)开头。

2. 接近标准模式:这个模式是由某些DOCTYPE触发,基本上就是标准模式,但有一些调整,例如计算表格单元格的尺寸遵循CSS2规范,可以消除单元格中图像底部的空隙。图像之所以有空隙是因为它要与文本的基线对齐,像g、j要正常显示尾巴,就需要有一些空隙。

Henri Sivonen编译了一份渲染清单(如表1-5所示),描述了DOCTYPE与三种模式之间的关系,其中Q代表怪异模式、S代表标准模式、A代表接近标准模式。下面的结果可能与最新的浏览器不符,仅供参考。

表1-5  渲染清单

常见笔试题:以下选项是HTML5的DTD的是(    )【单选题】

A.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

B.<!DOCTYPE html>

C.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

D.<!DOCTYPE html PUBLIC>

答案:B。HTML5因为不再基于SGML,所以在它的声明中不需要引用DTD。


喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书会第9群:808517103

【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

网管员必读—超级网管经验谈(第2版)

本书的第1版获得过“2006年度全行业优秀畅销品种奖”。全书共15章,分别介绍了网管员职责和应具备的工作习惯、共享上网与访问控制方法、子...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊