Doctype作用?严格模式、混杂模式和怪异模式如何区分?它们有何意义?

1、doctype的作用:

  声明位于文档 的最前面,告知浏览器的解析器,用什么文档类型、规范来解析这个文档。

注意:

1).规范是指W3C发布的文档类型定义(DTD)中的规则。 
2).三种DTD类型:严格、过渡和基于框架的HTML版本。

2、严格模式、混杂模式和怪异模式的区分

1)严格模式:严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。


2)混杂模式:混杂模式的页面以宽松的向后兼容的方式显示;模拟老的浏览器的行为以防止站点无法工作。


3)怪异模式:怪异模式则是使用浏览器自己的方式来解析执行代码。

3、它们的意义

  Dcotype不存在或者不正确会导致文档以混杂模式呈现。

严格模式、混杂模式与怪异模式相关推荐

  1. 浏览器标准模式与怪异模式的区别

    两种模式的不同主要表现在盒模型和渲染模式的不同上 要想写出跨浏览器的CSS,必须知道浏览器解析CSS的两种模式:标准模式(strict mode)和怪异模式(quirks mode) 所谓的标准模式是 ...

  2. html怪异模式是什么,浅谈CSS编程中的怪异模式

    怪异模式盒模型 今天学习了一下css3的box-sizing属性,顺便又温习了一下css的盒模型,最后觉得有必要对盒模型做一个全面整理. 先不考虑css3的情况,盒模型一共有两种模式,一种是标准模式, ...

  3. DOCTYPE与怪异模式

    我想,<!DOCTYPE>应该是HTML初学者接触的第一个标签吧,让我们回忆一遍其定义:声明HTML版本. 我们知道,HTML经过不断更新,现在正是HTML5如火如荼的时代.在以往的HTM ...

  4. html 怪异模式,CSS_浅谈CSS编程中的怪异模式,怪异模式盒模型 今天学习了 - phpStudy...

    浅谈CSS编程中的怪异模式 怪异模式盒模型 今天学习了一下css3的box-sizing属性,顺便又温习了一下css的盒模型,最后觉得有必要对盒模型做一个全面整理. 先不考虑css3的情况,盒模型一共 ...

  5. 浏览器的标准模式、怪异模式

    历史原因 在W3C标准未确定之前,各浏览器对于HTML和CSS有各自不同的解析方式,很多旧网页都是在W3C标准未确定时期实现.设计的.在W3C标准确定之后,浏览器为了保证对非标准的旧网页设计的后向兼容 ...

  6. 浅谈浏览器标准模式与怪异模式、文档类型

    在网页设计制作过程中,新人往往会遇到一个问题,就是浏览器的不兼容问题.这种状况在大学学习过程中会经常遇到,但一直也没有得到很好的解决,今天有机会仔细研究了一下,这是有关浏览器标准模式与怪异模式之间的问 ...

  7. 渲染模式 - 标准模式(standards mode) 和 兼容模式(quriks mode)

    标准模式与怪异模式产生原因 在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode):由于W3C标准的推出,浏览器渲染 ...

  8. 标准模式和怪异模式指的是什么?

    标准模式(也称为"严格模式")是浏览器按照HTML和CSS规范的标准方式解析和呈现网页的模式.在标准模式下,浏览器会更严格地遵守标准,确保网页在不同浏览器中的显示效果更为一致. 怪 ...

  9. 浏览器的标准模式与怪异模式

    由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同.在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为 ...

最新文章

  1. 大数相乘、大数相加、大数相减Java版本
  2. SuMa++: LiDAR-based Semantic SLAM
  3. python 对链表进行插入排序
  4. Spark 1.2 编译
  5. 电脑声音太小如何增强_感觉手机音量太小了?教你这样设置,声音立马大上许多...
  6. leetcode547. 省份数量
  7. 隐藏java_Java方法隐藏
  8. 025Python路--安装第三方模块
  9. LeetCode_database刷题记录(595. 大的国家)
  10. Android -- Layout布局文件里的android:layout_height等属性为什么会不起作用?
  11. linux查看db2表空间大小,DB2查看表空间大小及使用情况
  12. Rainyday.js – 傻眼了!竟然有如此逼真的雨滴效果
  13. TI Sitara系列AM3352/AM3354/AM3359 ARM Cortex-A8方案分享
  14. echarts 默认显示图例_Echarts 饼状图显示信息,内容,值,百分比都显示的代码 更改图例等问题汇总...
  15. 解决base64解码乱码问题
  16. win7计算机的蓝牙,win7电脑蓝牙怎么开
  17. [转] 张凌 ARM体系架构
  18. antd4.x [antd: Switch] `value` is not a valid prop, do you mean `checked`? 解决办法
  19. Mac软件破解版下载地址
  20. 雅思做题技巧误区一,不敢选TRUE。误区二,见到only或must等绝对词就选FALSE。误区三,找不到就选NOT GIVEN。误区四,喜欢把TRUE/FALSE/NOT GIVEN理解为

热门文章

  1. GAMES-101-个人总结归纳-Shading
  2. EAS 取数公式二次开发指南
  3. 天然气泄漏报警器工作原理是什么
  4. 模仿360buy商品比较的jquery插件
  5. 启德教育:2018英国留学报告
  6. i致我们终将组件化的Web
  7. matlab 沙丁,基于三维空间关于海豚围捕沙丁鱼群的运动规律
  8. 年薪 50 万程序员能在北京过上啥样生活?
  9. 普歌-浅谈RabbitMQ
  10. C++:【练习题】Project-1 The robots in a warehouse