HTML4.0的嚴格模式與混雜模式 ,它們有何區別

不同文檔模式主要影響CSS內容的呈現,尤其是瀏覽器對盒模型的解析,但在某些情況下也會影響到JavaScript的解釋執行。

1、文檔模式目前有四種:

 

混雜模式(quirks mode) //讓IE的行爲與(包含非標準特性的)IE5相同 
標準模式(standards mode) //讓IE的行爲更接近標準行爲 
準標準模式(almost standards mode) //這種模式下的瀏覽器特性有很多都是符合標準的,不標準的地方主要體現在處理圖片間隙的時候(在表格中使用圖片時問題最明顯)。 
超級標準模式: //IE8引入的一種新的文檔模式,超級文檔模式可以讓IE以其所有版本中最符合標準的方式來解釋網頁內容。

 

2、如何觸發文檔模式:

觸發混雜模式:

如果在文檔開始處沒有發現文檔類型聲明,則所有瀏覽器都會默認開啓混雜模式。但採用混雜模式不是什麼值得推薦的做法,因爲不同瀏覽器在這種模式下的行爲差異非常大,如果不使用某些hack技術,跨瀏覽器的行爲根本就沒有一致性可言。

觸發標準模式:

<!-- HTML 4.01 嚴格型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!-- XHTML 1.0 嚴格型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

觸發準標準模式:

<!-- HTML 4.01 過渡型 -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!-- HTML 4.01框架集型 -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<!-- XHTML 1.0 過渡型 -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- XHTML 1.0 框架集型 -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

IE8中關閉超級標準模式:

<meta http-equiv="X-UA-Compatible" content="IE=7" /> //content屬性中IE的值用於指定使用哪個版本的呈現引擎來呈現頁面。設計這個值的目的就是爲了向後兼容那些專門爲老版本的IE設計的站點和頁面。

發佈了30 篇原創文章 · 獲贊 0 · 訪問量 6860
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章