zoukankan      html  css  js  c++  java
  • 浅谈严格模式和混杂模式

    一,严格模式和混杂模式的定义:

    通俗来说:

    严格模式是浏览器根据w3c的规范来解析代码;

    混杂模式是浏览器根据自己的规范来解析代码(很明显:无规矩不成方圆,这种混杂模式会产生一些浏览器兼容问题)。

    二、doctype(文档类型)

    在说混杂模式时,需要理解什么事doctype以及doctype的作用?

    1、doctype:文档类型

    2、作用:从字面理解,文档类型肯定就是规定了当前文件的类型,告诉浏览器,我这是什么类型的浏览器,然后浏览器根据类型做相应的解析。

                   doctype放在html文件的第一行,包含在html标签里,但它不是一个标签,需要写在html前面。

                    写法示例:
                   <!DOCTYPE html>

    在此处提到doctype是因为,doctype缺失或书写错误,就会出现混杂模式。

    二、严格模式和混杂模式的区别:

    (1)混杂模式下盒子模型的高宽包括padding和border,而W3C标准中设置一个元素的高宽指的是content的高宽;
    (2)混杂模式下可以设置行内元素的高度,而标准模式下不生效;
    (3)标准模式下,一个元素的高度是由其包含的内容来决定的,如果父元素没有设置高度,子元素设置一个百分比的高度无效;
    (4)标准模式下使用margin:0 auto;可以使元素水平居中,但是在混杂模式下会失效;混杂模式下需要设置text-align:center;来进行水平居中;
    (5)混杂模式下设置图片padding会失效;
    (6)混杂模式下Table中的字体属性不能继承上层的设置;
    (7)混杂模式下white-space:pre会失效。

  • 相关阅读:
    DOS系统功能调用与BIOS中断调用 [转自KingofCoders]
    纯手工保护光盘数据(转)
    程序员不错的建议【转】
    初识逆向技术(转)
    Notepad++插件推荐JSMin
    jQuery Ready 与 Window onload 的区别
    Javascript typeof和instanceof判断数据类型
    浅谈Javascript 中几种克隆(clone)方式
    Javascript Array sort排序问题
    不同浏览器对display为none元素的图片处理不一样
  • 原文地址:https://www.cnblogs.com/kinoko-1009/p/10270117.html
Copyright © 2011-2022 走看看