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

2022-04-07 19:03:36 字數 1519 閱讀 4519

要想寫出跨瀏覽器的css,必須知道瀏覽器解析css的兩種模式:標準模式(strict mode)和怪異模式(quirks mode)。

標準模式: 瀏覽器按w3c標準解析執行**;

怪異模式: 使用瀏覽器自己的方式解析執行**,因為不同瀏覽器解析執行的方式不一樣,所以我們稱之為怪異模式。

瀏覽器解析時到底使用標準模式還是怪異模式,與你網頁中的dtd宣告直接相關。

dtd宣告定義了標準文件的型別(標準模式解析)文件型別,會使瀏覽器使用相應的方式載入網頁並顯示;

忽略dtd宣告,將使網頁進入怪異模式(quirks mode)。

<

html

>

<

head

>

<

title

>怪異模式

title

>

head

>

<

body

>

<

h3>沒有申明dtd!

h3>

body

>

html

>

如果你的網頁**不含有任何宣告,那麼瀏覽器就會採用怪異模式解析,便是如果你的網頁**含有dtd宣告,瀏覽器就會按你所宣告的標準解析。

doctype html public "-//w3c//dtd html 4.01 transitional//en" ""

>

<

html

>

<

head

>

<

title

>標準模式

title

>

head

>

<

body

>

<

h3>按照申明的dtd標準來解析

h3>

body

>

html

>

上面的**,瀏覽器會按html 4.01的標準進行解析。

到底標準模式和怪異模式有什麼不同呢?

標準模式中: ie6不認識!important宣告,ie7、ie8、firefox、chrome等瀏覽器認識;

怪異模式中: ie6/7/8都不認識!important宣告,這只是區別的一種,還有很多其它區別。

所以,要想寫出跨瀏覽器的css,你必須採用標準模式。好像太絕對了,呵呵。好吧,要想寫出跨瀏覽器css,你最好採用標準模式。

到底都有哪些宣告呢?哪種宣告更好呢?我們建議你使用xhtml 1.0最嚴格模式

<htmlxmlns="">

如果你接手的是乙個遺留網頁,最初並沒有dtd宣告,並且使用了很多在xhtml中已經廢除的標籤,那麼,我們建議你使用xhtml相容模式,宣告如下:

<htmlxmlns="">

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

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

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

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

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

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