從 ie6 開始，引入了 standards 模式，標準模式中，瀏覽器嘗試給符合標準的文件在規範上的正確處理達到在指定瀏覽器中的程度。
在 ie6 之前 css 還不夠成熟，所以 ie5 等之前的瀏覽器對 css 的支援很差， ie6 將對 css提供更好的支援，然而這時的問題就來了，因為有很多頁面是基於舊的布局方式寫的，而如果 ie6 支援 css 則將令這些頁面顯示不正常，如何在即保證不破壞現有頁面，又提供新的
渲染機制呢？
在寫程式時我們也會經常遇到這樣的問題，如何保證原來的介面不變，又提供更強大的功能，尤其是新功能不相容舊功能時。遇到這種問題時的乙個常見做法是增加引數和分支，即當某個引數為真時，我們就使用新功能，而如果這個引數 不為真時，就使用舊功能，這樣就能不破壞原有的程式，又提供新功能。ie6 也是類似這樣做的，它將 dtd 當成了這個「引數」，因為以前的頁面大家都不會去寫 dtd，所以 ie6 就假定 如果寫了 dtd，就意味著這個頁面將採用對 css 支援更好的布局，而如果沒有，則採用相容之前的布局方式。這就是 quirks模式（怪癖模式，詭異模式，怪異模式）。
總體會有布局、樣式解析和指令碼執行三個方面的區別。
盒模型：在 w3c 標準中，如果設定乙個元素的寬度和高度，指的是元素內容的寬度和高度，而在 quirks 模式下，ie 的寬度和高度還包含了 padding 和 border。
設定行內元素的高寬：在
standards
模式下，給
等行內元素設定
wdith
和height
都不會生效，而在
quirks
模式下，則會生效。
設定百分比的高度：在
standards
模式下，乙個元素的高度是由其包含的內容來決定的，如果父元素沒有設定百分比的高度，子元素設定乙個百分比的高度是無效的用
margin:0 auto
設定水平居中：使用
margin:0 auto
在standards
模式下可以使元素水平居中，但在
quirks
模式下卻會失效。（還有很多，答出什麼不重要，關鍵是看他答出的這些是不是自己經驗遇到的，還是說都是看文章看的，甚至完全不知道。）
前端面試題之Html和CSS
原文 前端面試題之html和css 又到了畢業季，很多小夥伴們都到了找工作的時候了，好多小夥伴問我有前端的面試題麼？答 沒有。呃呃 html5 現在已經不是 sgml 的子集，主要是關於影象，位置，儲存，多工等功能的增加。ie8 ie7 ie6支援通過document.createelement方法...
前端面試題之Html和CSS
原文 前端面試題之html和css 又到了畢業季，很多小夥伴們都到了找工作的時候了，好多小夥伴問我有前端的面試題麼？答 沒有。呃呃 html5 現在已經不是 sgml 的子集，主要是關於影象，位置，儲存，多工等功能的增加。ie8 ie7 ie6支援通過document.createelement方法...
前端面試題 html
1.簡述你對html語義化的理解 2.label的作用及使用方法 label標籤用來定義表單控制間的關係，當使用者選擇該標籤時，瀏覽器會自動將焦點轉到和標籤相關的表單控制項上。兩種用法 id繫結 巢狀 name name 3.iframe框架的優缺點優點 缺點 4.html與xhtml二者的區別 5...