文本模式

文本模式

一種定義為 x 列字元乘以 y 行字元的視頻模式。

文本模式簡介


IE瀏覽器中的文本模式,主要有三種模式(針對IE6以上的版本),這三種模式也就是渲染頁面的3種模式了:詭異模式(Quirks mode,也有翻譯為兼容模式、怪異模式的),標準模式(Standards mode),和幾乎標準模式(Almost standards mode)。這是一個非常重要、但是很多人卻比較模糊的概念。一兩句話不太能說清楚,這樣說吧——“頁面的不同渲染模式,將直接影響頁面的最終呈現效果”,也就是說,一個頁面如果在這種模式下顯示完美,但是在另外一種模式下可能就顯示的一塌糊塗。而決定頁面模式的是頁面的!DOCTYPE屬性。最經典的就是對盒裝模型的解釋差異了。是相同頁面,採用不同頁面渲染模式的最終顯示效果的不同。
頁面很簡單,只要一個div元素,然後隨便設置一點高度、寬度、padding、margin就可以了。核心代碼如下——
#divTest{background-color:red;padding:10px;margin:10px;width:100px;height:100px;}
從圖片中,我們可以清楚的看到,紅色div塊的大小和位置,在不同的文本模式下,發生了明顯的變化。