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会失效。

  • 相关阅读:
    一款单机游戏应该有的一些要素
    终于成功注册了Amazon.com的Affiliate
    创办公司的步骤不完全讲解(二)
    继续新环境没有asp.net mvc3项目模板的问题
    在自己的博客上打个广告,Kinect for Windows要的来
    数据仓库走向灭亡??
    Oracle & Endeca
    无题
    无题
    【译著】第7章 SportsStore:一个真实的应用程序 — 《精通ASP.NET MVC 3框架》
  • 原文地址:https://www.cnblogs.com/kinoko-1009/p/10270117.html
Copyright © 2011-2022 走看看