|
2009年3月20日，微軟向全球發(fā)布了Windows Internet Explorer 8(IE8)正式版，成為人們關(guān)注的焦點(diǎn)。IE8迄今最符合標(biāo)準(zhǔn)的版本，它完全支持級(jí)聯(lián)樣式表 (CSS) 級(jí)別 2.1，并加強(qiáng)了對(duì) CSS 3、HTML 4.01 的支持，也能很好地支持 HTML 5。由于改進(jìn)了對(duì)這些 HTML 元素的支持，Web 開發(fā)人員現(xiàn)在可以構(gòu)建更具表現(xiàn)力和可訪問的 HTML 標(biāo)記。本文將探討對(duì)IE8中關(guān)于 HTML 和 CSS 支持行為的更改，以及這些更改如何影響 Web 開發(fā)人員。
HTML改進(jìn)
為了幫助開發(fā)人員充分利用 HTML 4.01 提供的元素和更好地解釋 Web 開發(fā)人員期望表達(dá)的語意含義，Windows Internet Explorer 升級(jí)了對(duì)下列表示性元素的支持：
- P 元素：表示邏輯段落。
- OBJECT 元素：可以表示任何對(duì)象，包括圖像。
- button元素提交其 value 屬性，而非 innerHTML，這意味著現(xiàn)在可以使用跨瀏覽器 FORM 方案的 button 元素。
- getElementByIdNAME方法現(xiàn)在區(qū)分大小寫，不再使用屬性進(jìn)行不適當(dāng)?shù)乃阉鳌?
- setAttribute 方法現(xiàn)在不區(qū)分大小寫，這意味著指定屬性時(shí)不必再使用“駝峰式”大小寫格式（如“camelCaseWord”）。它也可以正確標(biāo)識(shí) HTML 屬性，如 CLASS 和 FOR。
P自動(dòng)添加元素結(jié)束標(biāo)記
當(dāng)后面跟隨 TABLE、FORM、NOFRAMES 或 NOSCRIPT 元素時(shí)，缺少結(jié)束標(biāo)記的 P 元素會(huì)立即自動(dòng)添加結(jié)束標(biāo)記。
<html>
<head>
<title>簡(jiǎn)單的 P 元素結(jié)束示例</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>這是一個(gè)表格單元格。</td></tr></table>
<p>這是第三段。</p>
</body>
</html>
在本示例中，第二個(gè) P 元素缺少結(jié)束標(biāo)記。當(dāng)使用 Windows Internet Explorer 7 查看時(shí)，TABLE 元素作為第二個(gè) P 元素的子元素顯示。第二個(gè) P 元素從窗口的左邊距縮進(jìn) 30 像素。由于 TABLE 是該 P 元素的子元素，它也從該窗口的左邊距縮進(jìn)。但是，當(dāng)使用 Windows Internet Explorer 8 的默認(rèn)模式查看時(shí)，TABLE 元素與左邊距對(duì)齊。由于 Windows Internet Explorer 8 在顯示 TABLE 元素前自動(dòng)添加了該 P 元素所缺少的結(jié)束標(biāo)記，因此在IE8里TABLE 元素不是第二個(gè)P元素的子元素。
使用 OBJECT 元素顯示圖像
Windows Internet Explorer 8 可以使用 OBJECT 元素顯示圖像。在舊版本的瀏覽器中使用此元素顯示圖像時(shí)，它常常自動(dòng)將滾動(dòng)條和邊框添加到圖像中，從而往往導(dǎo)致圖像顯示不正確。
在 Windows Internet Explorer 8 中，OBJECT 元素顯示圖像時(shí)就像這些圖像是使用 IMG 元素嵌入的一樣。要在網(wǎng)頁中使用此行為，請(qǐng)將 OBJECT 元素的 DATA 屬性設(shè)置為圖像的 URL。您也可以在 DATA 屬性中嵌入 dataURL。
要使 Windows Internet Explorer 將圖像加載到使用舊版本行為的 OBJECT 元素中，請(qǐng)對(duì)網(wǎng)頁選擇舊兼容性模式或?qū)?OBJECT 元素的 TYPE 屬性設(shè)置為 text/html。
出處：騰訊Webteam
責(zé)任編輯：bluehearts
上一頁 下一頁 IE8面向Web開發(fā)人員的功能改進(jìn) [2]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 IE8面向Web開發(fā)人員的功能改進(jìn) [1]
第 2 頁 
