HTML的Quirks模式

MorePainMoreGain 发布于2019-08-01 14:35 / 1130人阅读

摘要：于是乎在强大的淫威之下双方按照标准重铸了自己，而以前的各自的渲染模式则保留为模式，用来兼容老式的网页了。一般现代浏览器都有种渲染模式模式，差不多标准模式，完全标准模式。而开启模式很简单。。。。里的长度值如果没有单位，则默认为。

什么是Quirks模式

Quirks，翻译成中文就是‘怪癖’，也就是奇怪的意思，这个东西的由来要从上古时期说起了。。。当初web的世界只有两个巨人，一个是微软的IE，另一个是网景的Navigator。双方厮杀了好几年，谁都不让着谁。并且为了将各自的阵营与对方区别开，开始针对对方搞差异化，使得开发者不得不针对两种浏览器平台做两个网页。大地看到了这一切的不公，在混沌之中创造了w3c联盟，而w3c的使命就是摧毁IE和Navigator之间的壁垒，使得两个平台的代码可以通用。于是乎在w3c强大的淫威之下双方按照标准重铸了自己，而以前的各自的渲染模式则保留为quirks模式，用来兼容老式的网页了。一般现代浏览器都有3种渲染模式：quirks模式，差不多标准模式( almost standards mode)，完全标准模式(full standards mode)。

如何开启传说中的Quirks模式

大家都知道一个html文件第一行都会有一个DOCTYPE标签，这个标签无外乎就几种：HTML4.01，HTML5，XHTML（注意，在DOCTYPE中注明XHTML并不会让浏览器以XHTML格式进行渲染，具体参见MDN的XHTML说明）。而开启Quirks模式很简单。。。。就是把DOCTYPE随便写。。写的浏览器根本认不出来这是什么玩意儿之后，你就成功开启了！

比如这样

或者这样

或者你直接不写都可以！

那么开启Quirks之后，我能得到哪些feature呢？

table标签除了font-family外，不会继承任何字体类css。

img标签float之后会自动有3px的mergin。

input和textarea标签的box-sizing属性默认为border-box。

form标签自带margin-bottom:1em属性。

class与id的值不区分大小写。

当加载css文件的时候，只要link标签里type值设置为text/css，那不管服务器传来的* * * * Content-Type是什么，都会当作css处理。

css里的颜色值不以＃开头。

css里的长度值如果没有单位，则默认为px。

style的属性允许被{}包裹

当css中background值为空的时候，background url的值也被设置为空。

body标签接受topmargin,bottommargin,leftmargin,rightmargin作为css属性。

这里我就节选一点了，具体的可以参见MDN

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/49465.html

扯一下似乎被遗忘的盒模型

摘要：不过想想，现在都让微软给退下了，还有多少呢。接着就是要提到的一点，盒模型的计算方式，标准方式和模式是不同的，不知道又想知道的同学请问谷哥或者度娘吧，记得几年前我那本破书上也又提到，还做了一些测试。扯远了，盒模型大概的情况就是这样。前段时间为了组里在扩充人员，在面试的过程中有过几次扯到盒模型这个东西。对于盒模型以前是经常提到，现在被CSS3的风头给盖下去了，已经没多少人去讲盒模型，也导...

Barry_Ng 2019-08-28 17:51 评论0 收藏0
前端工作面试HTML相关问题

摘要：前端工作面试相关问题文档类型的作用是什么在中有两个主要目的。而当元素的内容只有图片时，如的单元格。在下，单元格中的图片的属性默认为，因此，在图片底部会有几像素的空间。所以百分比的高度必须在父元素有声明高度时使用。关闭窗口后，即被销毁。前端工作面试HTML相关问题 Q: doctype（文档类型）的作用是什么？ A: 在HTML中 doctype 有两个主要目的。对文档进...

iamyoung001 2019-08-01 14:40 评论0 收藏0
前端基础知识之HTML

摘要：是文件的第一行代码，意味着它的前面有注释都不行。所以要要写在标签前面，而且它不属于标签。为了兼容以前的网站，所以产生了，浏览器会按照标准以前的简析方式去工作。但是他们在过期时间上有区别 [1: What does a doctype do?] 1: doctype是html文件的第一行代码，意味着它的前面有注释都不行。所以要要写在标签前面，而且它不属于html标签。 2: doctyp...

cfanr 2019-08-01 17:49 评论0 收藏0
前端面试题总结——HTML(持续更新中)

摘要：等知名网站已经开始测试并使用格式。页面加载速度更快结构化清晰页面显示简洁。表现与结构相分离。易于优化搜索引擎更友好，排名更容易靠前。用于替换当前元素，用于在当前文档和引用资源之间确立联系。前端面试题总结——HTML(持续更新中) 1.什么是HTML？ HTML：HyperText Markup Language超文本标记语言 2.XHTML和HTML有什么区别 HTML是一种基本的W...

afishhhhh 2019-08-01 18:38 评论0 收藏0
前端面试题总结——HTML(持续更新中)

摘要：等知名网站已经开始测试并使用格式。页面加载速度更快结构化清晰页面显示简洁。表现与结构相分离。易于优化搜索引擎更友好，排名更容易靠前。用于替换当前元素，用于在当前文档和引用资源之间确立联系。前端面试题总结——HTML(持续更新中) 1.什么是HTML？ HTML：HyperText Markup Language超文本标记语言 2.XHTML和HTML有什么区别 HTML是一种基本的W...

binta 2019-08-26 17:15 评论0 收藏0