2009年3月20日,微軟向全球發布了Windows Internet Explorer 8(IE8)正式版,成為關注的焦點。 IE8迄今最符合標準的版本,它完全支援級聯樣式表(CSS) 等級2.1,並加強了對CSS 3、HTML 4.01 的支持,也能很好地支持HTML 5。由於改進了對這些HTML 元素的支持,Web 開發人員現在可以建立更具表現力和可訪問的HTML 標記。本文將探討IE8中關於HTML 和CSS 支援行為的更改,以及這些更改如何影響Web 開發人員。
HTML改進
為了幫助開發人員充分利用HTML 4.01 提供的元素和更好地解釋Web 開發人員期望表達的語義含義,Windows Internet Explorer 升級了對下列表示性元素的支援:
P自動加入元素結束標記
當後面跟隨TABLE、FORM、NOFRAMES 或NOSCRIPT 元素時,缺少結束標記的P 元素會立即自動加入結束標記。
<html>
<head>
<title>簡單的P 元素結束範例</title>
<meta http-equiv="X-UA-Compatible" content="IE8"/>
</head>
<body>
<p>這是第一段</p>
<p style="margin-left:30px">這是第二段。 <!-- P not closed -->
<table border="1px" cellpadding="2px"><tr><td>這是表格儲存格。 </td></tr></table>
<p>這是第三段。 </p>
</body>
</html>
在本範例中,第二個P 元素缺少結束標記。當使用Windows Internet Explorer 7 檢視時,TABLE 元素會顯示為第二個P 元素的子元素。第二個P 元素從視窗的左邊界縮排30 像素。由於TABLE 是該P 元素的子元素,它也從該視窗的左邊界縮排。但是,當使用Windows Internet Explorer 8 的預設模式檢視時,TABLE 元素會與左邊距對齊。由於Windows Internet Explorer 8 在顯示TABLE 元素前自動加入了該P 元素所缺少的結束標記,因此在IE8裡TABLE 元素不是第二個P元素的子元素。
使用OBJECT 元素顯示影像
Windows Internet Explorer 8 可以使用OBJECT 元素顯示映像。在舊版的瀏覽器中使用此元素顯示圖像時,它常常會自動將捲軸和邊框添加到圖像中,從而往往導致圖像顯示不正確。
在Windows Internet Explorer 8 中,OBJECT 元素顯示映像時就像這些映像檔是使用IMG 元素嵌入的一樣。若要在網頁中使用此行為,請將OBJECT 元素的DATA 屬性設定為映像的URL。您也可以在DATA 屬性中嵌入dataURL。
若要讓Windows Internet Explorer 將映像載入到使用舊版行為的OBJECT 元素中,請對網頁選擇舊相容性模式或將OBJECT 元素的TYPE 屬性設定為text/html。