在html與css的標準化未完成之前，各個瀏覽器對於html和css的解析有各自不同的實現，而有很多舊的網頁都是按照這些非標準的實現去設計的。在html與css標準確定之後，瀏覽器一方面要按照標準去實現對html與css的支援，另一方面又要保證對非標準的舊網頁設計的後向相容性。因此，現代的瀏覽器一般都有兩種渲染模式：標準模式和怪異模式。在標準模式下，瀏覽器按照html與css標準對文件進行解析和渲染；而在怪異模式下，瀏覽器則按照舊有的非標準的實現方式對文件進行解析和渲染。這樣的話，對於舊有的網頁，瀏覽器啟動怪異模式，就能夠使得舊網頁正常顯示；對於新的網頁，則可以啟動標準模式，使得新網頁能夠使用html與css的標準特性。
知道了這兩種渲染模式的來由，那剩下的問題就是瀏覽器如何能夠確定應該使用哪種模式了。其實歸根結底就是，瀏覽器如何能將舊網頁與新網頁區分開來。
平常編寫網頁的時候，一般都會見到html文件的頭部會有文件型別宣告：doctype。當瀏覽器遇到正確的文件宣告時，瀏覽器就會啟動標準模式，按照制定的文件型別標準解析和渲染文件。而對於舊有的網頁，由於網頁編寫的當時標準還沒有確定，所以一般是不會有文件型別宣告的。所以，對於沒有文件型別宣告或者文件型別宣告不正確的文件，瀏覽器就會認為它是乙個舊的html文件，就會使用怪異模式解析和渲染該文件。關於doctype的更詳細說明，請戳這裡 doctype宣告作用及用法詳解。
瀏覽器的標準模式與怪異模式
由於歷史的原因，各個瀏覽器在對頁面的渲染上存在差異，甚至同一瀏覽器在不同版本中，對頁面的渲染也不同。在w3c標準出台以前，瀏覽器在對頁面的渲染上沒有統一規範，產生了差異 quirks mode或者稱為compatibility mode 由於w3c標準的推出，瀏覽器渲染頁面有了統一的標準 cssco...
瀏覽器標準模式和怪異模式
要想寫出跨瀏覽器的css，必須知道瀏覽器解析css的兩種模式 標準模式 strict mode 和怪異模式 quirks mode 所謂的標準模式是指，瀏覽器按w3c標準解析執行 怪異模式則是使用瀏覽器自己的方式解析執行 因為不同瀏覽器解析執行的方式不一樣，所以我們稱之為怪異模式。瀏覽器解析時到底使...
瀏覽器標準模式和怪異模式
現代的瀏覽器一般都有兩種渲染模式 標準模式和怪異模式，在標準模式下，瀏覽器按照html和css標準對文件進行解析和渲染 而在怪異模式下，瀏覽器則按照舊有的非標準的實現方式對文件進行解析和渲染，這樣的話，對於舊有的網頁，瀏覽器就會啟動怪異模式，就能夠使得舊網頁正常顯示 對於新的網頁，則可以啟動標準模式...