這篇“Quirks模式和Standards模式有什么區(qū)別”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“Quirks模式和Standards模式有什么區(qū)別”文章吧。

創(chuàng)新互聯(lián)網(wǎng)站建設公司，提供網(wǎng)站設計、成都網(wǎng)站設計，網(wǎng)頁設計，建網(wǎng)站，PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;可快速的進行網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展；專業(yè)做搜索引擎喜愛的網(wǎng)站，是專業(yè)的做網(wǎng)站團隊，希望更多企業(yè)前來合作!

面試題：Quirks模式是什么？它和 Standards模式有什么區(qū)別？

下面就是針對這個問題的講解。

從 IE6開始，引入了 Standards模式，標準模式中，瀏覽器嘗試給符合標準的文檔在規(guī)范上的正確處理達到在指定瀏覽器中的程度。

在 IE6之前 CSS還不夠成熟，所以 IE5等之前的瀏覽器對 CSS的支持很差， IE6將對 CSS提供更好的支持，然而這時的問題就來了，因為有很多頁面是基于舊的布局方式寫的，而如果 IE6支持 CSS則將令這些頁面顯示不正常，如何在即保證不破壞現(xiàn)有頁面，又提供新的渲染機制呢？

在寫程序時我們也會經(jīng)常遇到這樣的問題，如何保證原來的接口不變，又提供更強大的功能，尤其是新功能不兼容舊功能時。遇到這種問題時的一個常見做法是增加參數(shù)和分支，即當某個參數(shù)為真時，我們就使用新功能，而如果這個參數(shù) 不為真時，dd就使用舊功能，這樣就能不破壞原有的程序，又提供新功能。IE6也是類似這樣做的，它將 DTD當成了這個“參數(shù)”，因為以前的頁面大家都不會去寫 DTD，所以 IE6就假定 如果寫了 DTD，就意味著這個頁面將采用對 CSS支持更好的布局，而如果沒有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。

區(qū)別：

總體會有布局、樣式解析和腳本執(zhí)行三個方面的區(qū)別。

盒模型：在 W3C標準中，如果設置一個元素的寬度和高度，指的是元素內(nèi)容的寬度和高度，而在 Quirks模式下，IE的寬度和高度還包含了 padding和 border。

設置行內(nèi)元素的高寬：在 Standards模式下，給等行內(nèi)元素設置 wdith和 height都不會生效，而在 quirks模式下，則會生效。

設置百分比的高度：在 standards模式下，一個元素的高度是由其包含的內(nèi)容來決定的，如果父元素沒有設置百分比的高度，子元素設置一個百分比的高度是無效的用margin:0 auto設置水平居中：使用 margin:0 auto在 standards模式下可以使元素水平居中，但在 quirks模式下卻會失效。

其實面試過程中遇到不會回答的問題很正常，如果經(jīng)過考察證明你的學習能力強，遇到不會的問題能夠通過自己的能力快速掌握，面試官也有可能給你這個機會。但是實際的面試過程中并不能完全把希望寄托在面試官的善良上面。擁有真才實學才是你立足于職場的不敗真理。

以上就是關于“Quirks模式和Standards模式有什么區(qū)別”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關的知識內(nèi)容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。