瀏覽器的標準模式和怪異模式

2022-01-31 17:29:47 字數 812 閱讀 3016

詳見:

1.標準模式和怪異模式由來:在html與css的標準化未完成之前,各個瀏覽器對於html和css的解析有各自不同的實現;後來標準出現了,瀏覽器一方面要按照標準去實現對html與css的支援,另一方面又要保證對非標準的舊網頁設計的後向相容性;於是乎

。。。。。。你懂得[就喜歡這嘛懂事的你]

2.瀏覽器如何確定使用哪種渲染模式:對於沒有文件型別宣告或者文件型別宣告不正確的文件,瀏覽器就會認為它是乙個舊的html文件,就會使用怪異模式解析和渲染該文件【這是n年前的事了】;所以一定要記得帶doctype;[偷偷告訴你,現在可以不加了,照樣以h5標準模式渲染,不過。。。最好還是加上,現在不都在強調國際化,統一化,標準化嘛]

3.標準模式與怪異模式的 常見區別: 

3.1盒模型是必須要說的了:

詭異模式:

標準模式:

對於inline元素和table-cell元素,標準模式下vertical-align屬性預設取值為baseline,在怪異模式下,table單元格中的的vertical-align屬性預設取值為bottom,因此在底部會有及畫素的空間。

3.3、內聯元素

標準模式下, inline元素無法自定義大小,怪異模式下,定義這些元素的width,height屬性可以影響這些元素顯示的尺寸。

現在是h5的天下,怪異模式一去不復返了,不說了,不說了。。。。

內容參考:

瀏覽器標準模式和怪異模式

要想寫出跨瀏覽器的css,必須知道瀏覽器解析css的兩種模式 標準模式 strict mode 和怪異模式 quirks mode 所謂的標準模式是指,瀏覽器按w3c標準解析執行 怪異模式則是使用瀏覽器自己的方式解析執行 因為不同瀏覽器解析執行的方式不一樣,所以我們稱之為怪異模式。瀏覽器解析時到底使...

瀏覽器標準模式和怪異模式

現代的瀏覽器一般都有兩種渲染模式 標準模式和怪異模式,在標準模式下,瀏覽器按照html和css標準對文件進行解析和渲染 而在怪異模式下,瀏覽器則按照舊有的非標準的實現方式對文件進行解析和渲染,這樣的話,對於舊有的網頁,瀏覽器就會啟動怪異模式,就能夠使得舊網頁正常顯示 對於新的網頁,則可以啟動標準模式...

瀏覽器的怪異模式和標準模式

怪異模式是讓ie的行為更接近ie5,標準模式則是讓ie的行為更接近標準。所以想寫跨瀏覽器的css,盡量使用標準模式。解決方案就是採用doctype宣告,大多數瀏覽器採用下面的這些判斷規則 對於那些瀏覽器不能識別的doctype宣告,瀏覽器採用strict mode解析 在doctype宣告中,沒有使...