HTML5学习心得－严格模式和怪异模式的区别

最新推荐文章于 2024-04-14 01:48:18 发布
最新推荐文章于 2024-04-14 01:48:18 发布
阅读量264 收藏
点赞数
文章标签： xhtml
原文链接：https://segmentfault.com/a/1190000004065813
版权

每个HTML5文档的首行都是一个文档声明，这种文档声明是用来表示后面的那些个页面标签遵循哪一个原则的,这是HTML5的文档类型声明：

<!DOCTYPE html>

这个是XHTML 1.0严格模式的文档类型声明：

<!DOCTYPE html PUBLIC "-//W3C//DTD *XHTML 1.0* Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

保留文档类型声明主要是历史原因，没有文档声明的话大多数浏览器都将会转换到为怪异模式(quirk mode)，有些地方会称为混杂模式，这种模式下浏览器会以老版本的浏览器使用的规则来渲染页面，并且不同浏览器的混杂模式还是不一样的，我们在平时码代码时应该尽量回避这种错误。

在添加了文档类型声明之后，浏览器使用的就是严格模式(standard mode)，也称标准模式，这种情况下浏览器会用W3C的标准来渲染网页。

附上一篇Mozilla Quirks Mode Behavior

weixin_34383618
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HTML5新特性
我的博客
10-03 306
HTML版本 HTML4：strict.dtd 严格模式 loose.dtd 松散模式 XHTML：strict.dtd 严格模式 transitional 松散模式 HTML5的主要目的是在移动设备上支持多媒体 新特性： 取消了过时的显示效果标记 <font></font> <...
html开启严格模式
m0_53428367的博客
02-19 613
html开启严格模式
【每日十分钟前端】基础篇2，HTML5不需要引用DTD、Doctype严格模式与混杂模式、src和href、js严格模式
u013035708的博客
02-16 616
1.1、HTML5 为什么只写 ？ 1.2、Doctype的严格模式与混杂模式如何区分？它们有何意义？ 2、src 和 href 的区别？ 3、js严格模式有什么限制，为什么使用严格模式？
HTML中的＜!DOCTYPE html＞和JavaScript中的strict mode
cnds123的专栏
09-09 897
网页设计中的几点说明，本文包括：的说明、JavaScript严格模式（strict mode）
【面试题】HTML文档的二种模式：严格（标准）模式、混杂（怪异）模式
hjh_cos
01-14 828
是什么决定了HTML文档的解析模式？各个模式之间又有什么不同？
HTML5学习心得总结(推荐)
09-28
下面小编就为大家带来一篇HTML5学习心得总结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js装饰设计模式学习心得
11-30
装饰设计模式是面向对象编程中的一种重要设计模式，它的核心思想是通过将对象包装在另一对象中，从而在不修改原有对象代码的...在学习过程中，不断实践和理解装饰器的工作原理，将有助于我们更好地应对复杂的需求变化。
数学老师学习心得-解读数据、研读课标心得体会.doc
12-21
数学老师学习心得-解读数据、研读课标心得体会.doc
javascript 模式设计之工厂模式学习心得
12-10
模式类型：工厂模式 模式说明：常用模式之一，用来动态创建对象 适用范围：在运行期间需要在一系列可互换的子类中进行选择的类 注意事项：接口的实现，从而使不同子类可以被同等的对待,恰当的使用工厂模式,但不要...
HTML的严格模式和混杂模式
weixin_39557219的博客
08-10 1346
声明位于文档的最前位置，处于标签之前，可以告诉浏览器使用哪种html/xhmtl文档该标签有三种类型：严格版本、过度版本、以及基于框架的html文档1.浏览器模式标准模式：浏览器根据规范呈现页面混杂模式：页面以一种比较宽松的向后兼容的方式显示，混杂模式通常模拟老浏览器的行为已防止老式站点无法工作2.差异(1) IE的盒模型,i6标准模式使用标准的盒模型，混杂模式使用的老式专有盒模型（宽度包括pad
HTML面试题整理(3)，面试官面试技巧书籍推荐
最新发布
2201_75604341的博客
04-14 888
这时就用到了 img 标签的srcset属性。料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。svg是矢量图，不依赖分辨率，不适合游戏，适合大型渲染区域（地图），支持事件处理。strong是有语义的，起到加强语气的效果，遇到阅读器会重读，即为了强调而加粗。dragleave：事件主体是目标元素，在被拖放元素移出目标元素是触发。drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发。darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。
真诚分享的意思，Html 小结，web前端开发实践
2401_83947255的博客
04-05 754
的作用就是让浏览器进入标准模式，使用最新的HTML5标准来解析渲染页面；如果不写，浏览器就会进入混杂模式，我们需要避免此类情况发生。严格模式： 又称为标准模式，指浏览器按照W3C标准解析代码；混杂模式： 又称怪异模式、兼容模式，是指.混杂模式通常模拟老式浏览器的行为，以防止老站点无法工作；区分：网页中的DTD，直接影响到使用的是严格模式还是浏览模式，可以说DTD的使用与这两种方式的区别息息相关。如果文档包含严格的DOCTYPE，那么它一般以严格模式呈现（严格 DTD ——严格模式）；
H5新增、CSS3以及ES5、ES6新增特性
qq_64180670的博客
03-13 686
完整版H5新增、CSS3新增、ES5新增、ES6新增特性
怪异模式（Quirks Mode）对 HTML 页面的影响w
Tankpt的专栏
03-08 1323
在看权威指南，偶然间看到这个的一点介绍，感觉不错。特此分享 附上原地址http://www.ibm.com/developerworks/cn/web/1310_shatao_quirks/ Quirks Mode 概述 定义 什么是 Quirks Mode? 简单来说，Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C
HTML5的严格模式和混杂模式与!DOCTYPE的关系
qq_41800649的博客
05-15 532
1.前言： 在讲HTML5的严格模式与混杂模式之前，我们需要谈谈HTML文件第一行必有的<!DOCTYPE> 2.在HTML文件的第一行，我们都会注意到有一行<!DOCTYPE>，这是什么意思呢？ 其实<!DOCTYPE>是专门用来说明文档类型的，便于浏览器按指定的规则渲染页面。 3.那这跟标题中的严格模式与混杂模式有什么关系呢？ 其实，使用了<!DOCTYPE>就表明HTML文档采用了标准模式：CSS1Compat。 而不使用<!DOCTYPE>
HTML的Doctype和严格模式与混杂模式
ct9447的博客
04-01 2997
DOCTYPE:(Document Type)文档类型，它位于文档中最前面的位置，处于标签之前。 作用：告诉浏览器文档使用哪种html或者xhtml规范。确定了正确的Doctype，xhtml里面的标识和css才能正常生效(也就是说它会告诉浏览器怎么解释你的这个标签和你写的css)。 如果Doctype声明指定的是xhtml dtd，但文档包含的依旧是html标记就是不恰当的。
爱创课堂每日一题七十一天- 说说严格模式的限制？
weixin_34266504的博客
12-11 202
严格模式主要有以下限制：变量必须声明后再使用函数的参数不能有同名属性，否则报错不能使用with语句不能对只读属性赋值，否则报错不能使用前缀0表示八进制数，否则报错不能删除不可删除的属性，否则报错不能删除变量delete prop，会报错，只能删除属性delete global[prop]eval不会在它的外层作用域引入变量eval和arguments不能被重新赋值arguments不会自动反映函数...
Doctype作用？严格模式、混杂模式和怪异模式如何区分？它们有何意义？
wangchengiii的博客
01-04 2333
Doctype作用？严格模式、混杂模式和怪异模式如何区分？它们有何意义？ 1、doctype的作用： 　　声明位于文档 的最前面，告知浏览器的解析器，用什么文档类型、规范来解析这个文档。 注意： 1).规范是指W3C发布的文档类型定义(DTD)中的规则。 2).三种DTD类型：严格、过渡和基于框架的HTML版本。 2、严格模式、混杂模式和怪异模式的区分 1）严
浏览器的严格模式与怪异模式的设置与区分方法
weixin_45013926的博客
08-14 1841
1.浏览器的严格模式和怪异模式产生的原因 由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至在同一浏览器的不同版本中，对页面的渲染也不相同。 在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异，这个时候页面的渲染规范就称为怪异模式（Quirks mode或者Compatibility Mode）；由于W3C标准的推出，浏览器渲染页面有了统一的标准，这个页面的渲染规范就被...
android学习心得.doc
11-24
android学习心得总结 经过一段时间的学习，我对Android开发有了一些心得体会。...在学习过程中遇到的问题和困难也锻炼了我的解决问题和学习能力。通过不断学习和实践，我相信我能够在Android开发领域取得更好的成果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值