Doctype作用,标准模式与兼容模式的区别
2016-08-12 00:00
295 查看
摘要: HTML知识点
Doctype作用:
<!DOCTYPE>位于HTML文档中的第一行,处于<html>标签之前。告知浏览器的解析器用什么文档标准解析这个文档。 当DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
标准模式与兼容模式的区别:
由于历史的原因,不同浏览器对页面的渲染是不同的,甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前,不同的浏览器在页面的渲染上没有同一的规范,产生了差异,即Quirks mode(怪异模式或兼容模式);当W3C标准出台之后,不同浏览器对页面的渲染有了统一的标准,即Strict mode(标准模式或严格模式);这就是两者之间的区别。
W3C标准推出前,旧的页面都是根据旧的渲染方式对页面进行渲染的,因此在W3C标准推出后为了保证旧页面的正常显示,保持浏览器的兼容性,这样浏览器上就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。
Doctype作用:
<!DOCTYPE>位于HTML文档中的第一行,处于<html>标签之前。告知浏览器的解析器用什么文档标准解析这个文档。 当DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
标准模式与兼容模式的区别:
由于历史的原因,不同浏览器对页面的渲染是不同的,甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前,不同的浏览器在页面的渲染上没有同一的规范,产生了差异,即Quirks mode(怪异模式或兼容模式);当W3C标准出台之后,不同浏览器对页面的渲染有了统一的标准,即Strict mode(标准模式或严格模式);这就是两者之间的区别。
W3C标准推出前,旧的页面都是根据旧的渲染方式对页面进行渲染的,因此在W3C标准推出后为了保证旧页面的正常显示,保持浏览器的兼容性,这样浏览器上就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。
在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。
如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现。对于HTML 4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
区别是:
1.在严格模式中 :width是内容宽度 ,元素真正的宽度 = margin-left + border-left-width + padding-left + width + padding-right + border-right- width + margin-right;
在怪癖模式中 :width则是元素的实际宽度 ,内容宽度 = width - ( padding-left + padding-right + border-left-width + border-right-width)
相关文章推荐
- DOCTYPE的作用以及标准模式和兼容模式的区别
- Doctype作用,标准模式与兼容模式的区别
- Doctype作用,标准模式与兼容模式的区别
- 前端面试题系列(1):doctype作用 标准模式与兼容模式
- IE浏览器文档标准模式与文档兼容模式的区别
- Doctype的作用以及浏览器的严格模式和混杂模式的区别
- Doctype有什么作用?严格模式和混杂模式的区别?它们有何差异?
- 爱创课堂每日一题九十一天- Doctype的作用?严格模式与混杂模式的区别?
- 【HTML&CSS】 第二章:标准模式下的页面与怪异模式下的页面区别
- doctype声明、浏览器的标准、怪异等模式
- 【javascript】标准模式与怪异模式下CSS以及JS的区别
- 浏览器标准模式和怪异模式之间的区别是什么?
- DOCTYPE与浏览器模式详解(标准模式&混杂模式)
- 浏览器标准模式和怪异模式之间的区别是什么?
- 浏览器标准模式和怪异模式之间的区别是什么?
- 浏览器标准模式和怪异模式之间的区别是什么?
- 浏览器标准模式和怪异模式之间的区别是什么?
- doctype声明、浏览器的标准、怪异等模式
- doctype声明、浏览器的标准、怪异等模式
- IE下文本模式!DOCTYPE作用介绍