文本模式

IE瀏覽器中的文本模式，主要有三種模式（針對IE6以上的版本），這三種模式也就是渲染頁面的3種模式了：詭異模式（Quirks mode，也有翻譯為兼容模式、怪異模式的），標準模式（Standards mode），和幾乎標準模式（Almost standards mode）。這是一個非常重要、但是很多人卻比較模糊的概念。一兩句話不太能説清楚，這樣説吧——“頁面的不同渲染模式，將直接影響頁面的最終呈現效果”，也就是説，一個頁面如果在這種模式下顯示完美，但是在另外一種模式下可能就顯示的一塌糊塗。而決定頁面模式的是頁面的!DOCTYPE屬性。 最經典的就是對盒裝模型的解釋差異了。是相同頁面，採用不同頁面渲染模式的最終顯示效果的不同。

頁面很簡單，只要一個div元素，然後隨便設置一點高度、寬度、padding、margin就可以了。核心代碼如下——

瀏覽器3種模式的顯示效果(1張)

<styletype="text/css">#divTest{background-color:red;padding:10px;margin:10px;width:100px;height:100px;}</style><divid="divTest"><!--[if IE 7]>瀏覽器是IE7<![endif]--><!--[if IE 8]>瀏覽器是IE8<![endif]--></div> 從圖片中，我們可以清楚的看到，紅色div塊的大小和位置，在不同的文本模式下，發生了明顯的變化。