簡(jiǎn)介
Microsoft??Internet?Explorer?6?及更高版本支持一些更早版本?Internet?Explorer?并不支持的?CSS?功能。支持的兩個(gè)附加?CSS?屬性為?min-height?和?word-spacing。還支持幾個(gè)其他的可能值，其中包括?white-space?屬性的?pre?值，以及?display?屬性的?list-item?值。其他重要功能包括更加嚴(yán)格的樣式表分析，以及更改哪些?HTML?元素可以表示文檔內(nèi)容可呈現(xiàn)到其中的最外部表面。

這些增強(qiáng)功能設(shè)計(jì)為符合?CSS?規(guī)范。CSS?中定義的所有屬性、值和功能，以及?Level?1?(CSS1)?規(guī)范均受支持，其中包括定義如何對(duì)元素及其相關(guān)?margin、border?和?padding?屬性進(jìn)行度量和格式設(shè)置的框模型。

但真正的優(yōu)點(diǎn)在于，即使有了所有這些增強(qiáng)功能，也不會(huì)與您為更早版本?Internet?Explorer?開發(fā)的應(yīng)用程序之間出現(xiàn)任何明顯的兼容性問題。

返回頁(yè)首
!DOCTYPE“開關(guān)”
本節(jié)說(shuō)明對(duì)于?Internet?Explorer?6?或更高版本而言，如何在文檔中使用?!DOCTYPE?聲明來(lái)打開符合標(biāo)準(zhǔn)的模式。

!DOCTYPE?聲明是一個(gè)標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言?(SGML)?聲明，它指定了文檔（理論上）遵守的文檔類型定義?(DTD)。它看起來(lái)像一個(gè)不帶結(jié)束標(biāo)記的?HTML?標(biāo)記，但是它以一個(gè)驚嘆號(hào)?(!)?開頭，并且包含的只是單個(gè)標(biāo)記，而不是屬性名稱值對(duì)。此聲明必須位于文檔的開頭，且在?HTML?標(biāo)記的前面。

通過在文檔開頭部分包括?!DOCTYPE?聲明，并在該聲明中指定一個(gè)有效的?Label（在某些情況下還會(huì)指定?Definition?和/或?URL），可以打開符合標(biāo)準(zhǔn)的模式。Label?指定?DTD?的唯一名稱，后面可以附加該?DTD?的版本號(hào)。Definition?指定在?Label?中所指定的?DTD?的定義。URL?則指定該?DTD?的位置。

在?HTML?4.0?規(guī)范中指定了三個(gè)?Definition?—?Frameset、Transitional?和?Strict。Frameset?用于?FRAMESET?文檔，Transitional?包含了除?FRAMESET?文檔之外的所有文檔，Strict?“排除了萬(wàn)維網(wǎng)聯(lián)合會(huì)?(W3C)?預(yù)期將隨著樣式表支持的成熟而逐漸棄用的表示屬性和元素”￡¨HTML?4.0?規(guī)范的說(shuō)法）。

下表顯示了對(duì)于?Internet?Explorer?6?或更高版本，!DOCTYPE?聲明的哪些值會(huì)打開符合標(biāo)準(zhǔn)的模式。

Label?Definition?存在?URL?不存在?URL?
不存在?!DOCTYPE
??關(guān)
?關(guān)
?
HTML（不存在?Version）
??關(guān)
?關(guān)
?
HTML?2.0
??關(guān)
?關(guān)
?
HTML?3.0
??關(guān)
?關(guān)
?
HTML?3.2
??關(guān)
?關(guān)
?
HTML?4.0
?不存在?Definition
?開
?開
?
HTML?4.0
?Frameset
?開
?關(guān)
?
HTML?4.0
?Transitional
?開
?關(guān)
?
HTML?4.0
?Strict
?開
?開
?
XHTML
??開
?開
?
XML
?開?開
?開
?
無(wú)法識(shí)別的?!DOCTYPE
??開
?開
?

前面的表顯示出，當(dāng)文檔不存在?!DOCTYPE?聲明時(shí)，當(dāng)聲明中的?Label?不指定?HTML?規(guī)范版本時(shí)，或者它指定的版本早于?HTML?4.0?時(shí)，符合標(biāo)準(zhǔn)的模式是關(guān)閉的。該表顯示出，如果您在?!DOCTYPE?聲明中指定了?HTML?4.0?的?Frameset?或?Transitional?Definition，則只有當(dāng)您包括?URL?時(shí)才會(huì)打開符合標(biāo)準(zhǔn)的模式。當(dāng)您在?!DOCTYPE?聲明中指定?HTML?4.0?的?Strict?Definition，以及指定不帶任何?Definition?的?HTML?4.0?時(shí)，也會(huì)打開符合標(biāo)準(zhǔn)的模式。

為了允許創(chuàng)建新的?DTD（如?HiDad?11.22），當(dāng)?!DOCTYPE?聲明不可識(shí)別時(shí)，會(huì)打開符合標(biāo)準(zhǔn)的模式。當(dāng)您指定了上表沒有列出的?HTML?版本（如?HTML?1.0?或?HTML?3.22）時(shí)，也會(huì)打開符合標(biāo)準(zhǔn)的模式。

!DOCTYPE?示例

本節(jié)中的示例顯示了如何使用?!DOCTYPE?聲明來(lái)指定文檔要遵守的?DTD，以及如何打開符合標(biāo)準(zhǔn)的模式。

下面示例中的兩個(gè)聲明都指定為遵守?Transitional?HTML4.0?DTD。第二個(gè)聲明指定了該?DTD?的?URL。第一個(gè)聲明則沒有指定該內(nèi)容。第二個(gè)聲明對(duì)于?Internet?Explorer?6?或更高版本打開了符合標(biāo)準(zhǔn)的模式。第一個(gè)聲明則沒有打開該模式。

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

下面示例中的兩個(gè)聲明都指定為遵守?HTML?4.0?DTD。第一個(gè)聲明沒有指定?Definition。第二個(gè)聲明指定了此?DTD?的?Strict?Definition。兩個(gè)聲明都沒有指定?URL.。兩個(gè)聲明都打開了符合標(biāo)準(zhǔn)的模式。

<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0//EN">
<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Strict//EN">

返回頁(yè)首
在框內(nèi)部完成一切任務(wù)
本節(jié)講述了當(dāng)您使用?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，Internet?Explorer?6?或更高版本計(jì)算元素的?width?和?height?屬性的方式，還講述了這種方式與更早版本?Internet?Explorer?屬性計(jì)算方式的區(qū)別。

CSS1?框模型將內(nèi)容定義在一個(gè)?HTML?元素中，就好像它周圍有一個(gè)不可見的矩形邊框一樣。這個(gè)邊框周圍有三個(gè)矩形地帶，分別以?margin、border?和?padding?屬性表示。您可以使用樣式表來(lái)對(duì)該邊框及其周圍地帶的大小和外觀進(jìn)行操作。

更早版本的?Internet?Explorer?計(jì)算?width?和?height?屬性的方式不遵守?CSS1?框模型。在?CSS1?中，width?屬性定義為元素內(nèi)容周圍左邊框和右邊框之間的距離。與之相似，height?屬性在?CSS1?中則定義為上邊框和下邊框之間的距離。然而，對(duì)于更早版本的?Internet?Explorer，width?和?height?屬性還包括該元素邊框周圍的?border?和?padding?地帶。下圖說(shuō)明了這個(gè)區(qū)別。



圖?1.?Internet?Explorer?6?與更早版本間?width?和?height?屬性計(jì)算方式的區(qū)別的圖示說(shuō)明


符合的行為

對(duì)于?Internet?Explorer?6?或更高版本而言，當(dāng)您使用?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，width?和?height?屬性分別指定左、右邊框，以及上、下邊框之間的距離。不包括?border?和?padding?地帶。

不符合的行為

當(dāng)?!DOCTYPE?聲明沒有打開符合標(biāo)準(zhǔn)的模式時(shí)，正如更早版本的?Internet?Explorer?一樣，width?屬性包括該對(duì)象的內(nèi)容框，加上下列屬性的值：border-left、border-right、padding-left?和?padding-right。width?屬性值減去這些屬性值的和，等于父對(duì)象內(nèi)容框的寬度。與之相似，height?屬性值減去?border-top、border-bottom、padding-top?和?padding-bottom?屬性值的和，等于父對(duì)象內(nèi)容框的高度。

框模型示例

本節(jié)中的示例說(shuō)明了，當(dāng)您對(duì)于?Internet?Explorer?6?或更高版本在文檔中使用?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，相同?HTML?元素是如何以不同方式呈現(xiàn)的。

下面?HTML?代碼片段中?DIV?元素的?width?和?height?均為?200?像素，border-width?為?50?像素。當(dāng)您單擊該代碼片段后面的按鈕時(shí)，會(huì)啟動(dòng)一個(gè)帶有兩個(gè)?IFRAME?元素的文檔。左側(cè)?IFRAME?元素所指定文檔包含的?!DOCTYPE?聲明會(huì)為?Internet?Explorer?6?或更高版本打開符合標(biāo)準(zhǔn)的模式。右側(cè)?IFRAME?元素所指定文檔包含的?!DOCTYPE?聲明則不會(huì)打開符合標(biāo)準(zhǔn)的模式。右側(cè)的?IFRAME?元素還顯示了?DIV?元素在更早版本?Internet?Explorer?中的呈現(xiàn)方式。

<div?style="width:200px;??height:200px;???
??????border-width:50px;??border-style:solid">??
??????Hi?kids.?Daddy?will?be?home?soon.??I?love?you?both!
</div>
請(qǐng)顯示該示例。

TABLE?元素

對(duì)于更早版本的?Internet?Explorer，CSS1?框模型語(yǔ)義用于計(jì)算自動(dòng)布局表中?TD?和?TH?元素的?width?屬性，但是不用于計(jì)算這些元素的?height?屬性。在更早版本的?Internet?Explorer?中，固定布局表不使用?CSS1?語(yǔ)義。

注默認(rèn)情況下為自動(dòng)布局表。要?jiǎng)?chuàng)建固定布局表，請(qǐng)將TABLE?元素的?table-layout?屬性設(shè)置為?fixed。固定布局表的優(yōu)點(diǎn)在于，它們的呈現(xiàn)速度比自動(dòng)布局表的呈現(xiàn)速度快。

IMG?元素

CSS1?框模型語(yǔ)義在更早版本的?Internet?Explorer?中還用于計(jì)算?IMG?元素的?width?和?height?屬性。但是，padding?不適用于更早版本?Internet?Explorer?中的?IMG?元素。

返回頁(yè)首
誰(shuí)移動(dòng)了我的畫布？
本節(jié)講述了在?!DOCTYPE?聲明為?Internet?Explorer?6?或更高版本打開符合標(biāo)準(zhǔn)的模式的情況下，BODY?和?HTML?元素的呈現(xiàn)方式有哪些區(qū)別。

在更早版本的?Internet?Explorer?中，BODY?元素表示畫布?—?文檔內(nèi)容可在其中呈現(xiàn)的整個(gè)表面。BODY?元素的大小不能更改，它等于窗口的大小。針對(duì)此元素設(shè)置的邊距呈現(xiàn)在該元素的邊框和滾動(dòng)條之內(nèi)。

從?Internet?Explorer?6?開始，當(dāng)您使用?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，BODY?元素可以從其內(nèi)容獲取其大小，也可以顯式設(shè)置其大小?—?ày如，像?DIV?對(duì)象一樣。在符合標(biāo)準(zhǔn)的模式中，HTML?元素表示畫布。

當(dāng)您打開符合標(biāo)準(zhǔn)的模式時(shí)，HTML?元素還會(huì)成為定位容器，用于那些沒有定位父元素的定位元素。關(guān)閉符合標(biāo)準(zhǔn)的模式時(shí)的情況與更早版本的?Internet?Explorer?一樣，如果沒有定位父元素，則會(huì)相對(duì)于?BODY?定位一個(gè)絕對(duì)定位元素。關(guān)閉符合標(biāo)準(zhǔn)的模式時(shí)，BODY?元素表示畫布，這一點(diǎn)與更早版本的?Internet?Explorer?也一樣。

滾動(dòng)條

SCROLL?屬性會(huì)設(shè)置或檢索一個(gè)值，該值指示是否打開元素的滾動(dòng)條。對(duì)于?Internet?Explorer?6?或更高版本，當(dāng)您使用?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，此屬性則會(huì)應(yīng)用到?HTML?元素。符合標(biāo)準(zhǔn)的模式關(guān)閉時(shí)的情況與更早版本?Internet?Explorer?一樣，此屬性應(yīng)用于?BODY?元素，而不會(huì)應(yīng)用于?HTML?元素。

注打開符合標(biāo)準(zhǔn)的模式時(shí)，可用于管理超過其容器大小的內(nèi)容的overflow、overflow-x?和?overflow-y?屬性會(huì)應(yīng)用于?HTML?元素。

單獨(dú)的背景

您可以為?HTML?和?BODY?元素指定單獨(dú)的?background?屬性。打開符合標(biāo)準(zhǔn)的模式時(shí)，兩個(gè)背景會(huì)同時(shí)清楚呈現(xiàn)。這樣有助于解決一個(gè)常見問題?—?background?屬性通常在?BODY?元素上定義，但是?BODY?具有默認(rèn)邊距，因此導(dǎo)致在?BODY?元素內(nèi)容周圍只會(huì)顯示一個(gè)很窄的區(qū)域。

下面的示例說(shuō)明了，當(dāng)您對(duì)于?Internet?Explorer?6?或更高版本在文檔中使用?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，相同?HTML?元素如何以不同的方式進(jìn)行呈現(xiàn)。HTML?元素具有紅色背景，BODY?元素指定了高度和寬度。只有在打開符合標(biāo)準(zhǔn)的模式時(shí)，您才能看到這些屬性的效果。沒有打開符合標(biāo)準(zhǔn)的模式時(shí)，BODY?元素會(huì)充滿該窗口，從而使您無(wú)法看到?HTML?元素的背景。當(dāng)您單擊該代碼片段后面的按鈕時(shí)，會(huì)啟動(dòng)一個(gè)帶有兩個(gè)?IFRAME?元素的文檔。左側(cè)?IFRAME?元素所指定文檔包含的?!DOCTYPE?聲明會(huì)為?Internet?Explorer?6?或更高版本打開符合標(biāo)準(zhǔn)的模式。右側(cè)?IFRAME?元素所指定文檔包含的?!DOCTYPE?聲明則不會(huì)打開符合標(biāo)準(zhǔn)的模式。右側(cè)的?IFRAME?元素還顯示了?DIV?元素在更早版本?Internet?Explorer?中的呈現(xiàn)方式。

<html?style="background:red">
??<head>
????<title>Canvas?Comparison</title>
??</head>
??<body?style="background:blue;?width:200px;?height:150px">
????<div?style="background:yellow">Who?moved?my?canvas?</div>
??</body>
</html>

注打開符合標(biāo)準(zhǔn)的模式時(shí)，如果沒有為?HTML?元素指定?background?屬性，BODY?元素的?background?則會(huì)成為?HTML?元素的?background。這種情況符合?CSS2。

返回頁(yè)首
其他屬性
本節(jié)講述了?Internet?Explorer?6?或更高版本中可用的兩個(gè)?CSS?屬性?—?min-height?和?word-spacing。

min-height?屬性

min-height?屬性會(huì)設(shè)置或檢索一個(gè)值，該值指定元素的最小高度。對(duì)于?Internet?Explorer?6，此屬性只應(yīng)用于固定布局表中的?TD、TH?和?TR?元素。無(wú)論文檔中的?!DOCTYPE?聲明是否打開符合標(biāo)準(zhǔn)的模式，您都可以使用此屬性。

元素的?height?默認(rèn)情況下設(shè)置為?auto。使用此默認(rèn)設(shè)置時(shí)，元素的高度會(huì)進(jìn)行動(dòng)態(tài)調(diào)整。您可以使用?min-height?屬性來(lái)指定固定布局表中單元格或行的最小高度。

下面的代碼片段顯示了如何以聲明的方式設(shè)置?min-height?屬性。該固定布局表第一行的最小高度為?100?像素。

<table?style="table-layout:fixed">
??<tr?style="min-height:100px">
????<th>Row?1,?Cell?1</th>
????<th>Row?1,?Cell?2</th>
??</tr>
??<tr>
????<td>Row?2,?Cell?1</td>
????<td>Row?2,?Cell?2</td>
??</tr>
</table>

word-spacing?屬性

word-spacing?屬性從?Internet?Explorer?4.01?開始可在?Macintosh?上使用。從?Internet?Explorer?6?開始可在?Microsoft??Win32??上使用。此設(shè)置會(huì)設(shè)置或檢索元素中各個(gè)詞之間附加間隔的數(shù)量。它會(huì)在每個(gè)詞后面都添加一個(gè)指定數(shù)量的間隔，在這種情況下，可將某個(gè)詞定義為?Internet?Explorer?用來(lái)進(jìn)行斷行的標(biāo)志?—?如空格或連字符。您可以在任何文本容器中設(shè)置此屬性。

返回頁(yè)首
更多屬性值
本節(jié)列出了?Internet?Explorer?6?或更高版本所支持、但更早版本?Internet?Explorer?卻不支持的一些可能值。

margin?和?width?屬性的?auto?值

margin?和?width?屬性的?auto?值指定，當(dāng)元素的寬度超過限制時(shí)（即樣式規(guī)則發(fā)生重疊或發(fā)生沖突時(shí)），調(diào)整這些屬性中的哪個(gè)屬性。當(dāng)文檔中的?!DOCTYPE?聲明為?Internet?Explorer?6?或更高版本打開符合標(biāo)準(zhǔn)的模式時(shí)，您可以使用此值。

非浮動(dòng)、塊級(jí)別元素的水平位置和寬度是由該元素的?margin,?border、padding?和?width?屬性指定的。對(duì)于任何這樣的元素，這些屬性（左和右）值的和都等于包含它的塊元素的寬度；寬度是從容器塊繼承的。

無(wú)法通過更改容器塊中元素的?margin、border、padding?或?width?屬性值，來(lái)更改這個(gè)容器塊的寬度。當(dāng)您為某個(gè)元素的一個(gè)或多個(gè)這類元素指定值時(shí)，可能必須對(duì)其他屬性進(jìn)行調(diào)整，這樣才能使得該元素的總寬度不會(huì)超過容器的寬度。該寬度可能會(huì)超出限制。

根據(jù)?CSS1，margin?和?width?值可以調(diào)整；border?和?padding?值不可調(diào)整。只有?margin?和?width?屬性可以為?auto。如果?width?屬性的指定值導(dǎo)致該元素的寬度超出限制，則可以調(diào)整其中一個(gè)?margin?屬性，如果一個(gè)或多個(gè)?margin?屬性導(dǎo)致該元素的寬度超出限制，則可以調(diào)整?width?屬性。

下面的規(guī)則決定了當(dāng)元素寬度超出限制時(shí)，會(huì)調(diào)整哪個(gè)屬性。?

??如果?direction?屬性的值為?ltr，則會(huì)忽略為?margin-right?指定的值，該值會(huì)進(jìn)行調(diào)整。如果?direction?的值為?rtl，則會(huì)調(diào)整?margin-left?屬性。?
?
??如果只有一個(gè)屬性的值為?auto，則會(huì)調(diào)整該屬性。?
?
??如果?width?設(shè)置為?auto，則任何其他?auto?值都變?yōu)?0，width?則采用所生成等式的結(jié)果。?
?
??如果?margin-left?和?margin-right?都為?auto，它們的計(jì)算值則相等。
?

Auto?示例

下面的示例說(shuō)明了，當(dāng)您對(duì)于?Internet?Explorer?6?或更高版本在文檔中使用?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，相同元素如何以不同的方式進(jìn)行呈現(xiàn)。

無(wú)論是否打開符合標(biāo)準(zhǔn)的模式，下列?HTML?代碼段中前三個(gè)?DIV?元素都以相同方式呈現(xiàn)。第一個(gè)?DIV?元素沒有指定?width?和?margin?屬性，因此它的?width?為?100%，而且沒有左邊距和右邊距。第二個(gè)?DIV?元素指定了?width?和?margin-left?屬性，因此會(huì)調(diào)整?margin-right?屬性。第三個(gè)?DIV?元素指定了?width?屬性，并且其?margin-right?屬性設(shè)置為?auto，因此會(huì)調(diào)整其?margin-right?屬性。

第四個(gè)和第五個(gè)?DIV?元素都指定了?width?屬性，并且它們的一個(gè)或多個(gè)?margin?屬性設(shè)置為?auto。只有打開符合標(biāo)準(zhǔn)的模式時(shí)，您才能看到這些屬性的效果。沒有打開符合標(biāo)準(zhǔn)的模式時(shí)，DIV?元素的呈現(xiàn)方式就好像它們的?margin-left?屬性設(shè)置為?0px，并且/或者它們的?margin-right?屬性設(shè)置為了?auto?一樣。

當(dāng)您單擊該代碼片段后面的按鈕時(shí)，會(huì)啟動(dòng)一個(gè)帶有兩個(gè)?IFRAME?元素的文檔。左側(cè)?IFRAME?元素所指定文檔包含的?!DOCTYPE?聲明會(huì)為?Internet?Explorer?6?或更高版本打開符合標(biāo)準(zhǔn)的模式。右側(cè)?IFRAME?元素所指定文檔包含的?!DOCTYPE?聲明則不會(huì)打開符合標(biāo)準(zhǔn)的模式。右側(cè)的?IFRAME?元素還顯示了?DIV?元素在更早版本?Internet?Explorer?中的呈現(xiàn)方式。

<body>
??<div?style=""></div>
??<div?style="width:50%;?margin-left:0px"></div>
??<div?style="width:50%;?margin-right:auto"></div>
??<div?style="width:50%;?margin-left:auto"></div>
??<div?style="width:50%;?margin-left:auto;?margin-right:auto"></div>
</body>

display?屬性的?list-item?值

display?屬性使您能夠控制元素的基本形狀或類型，以及是否呈現(xiàn)這些元素。display?屬性的?list-item?值使您能夠?qū)⑷魏卧囟甲優(yōu)橐粋€(gè)列表項(xiàng)，即一個(gè)帶有列表標(biāo)記的塊級(jí)元素。其?display?屬性設(shè)置為?list-item?的元素所支持的?CSS?屬性與?LI?元素支持的?CSS?屬性相同?—?就是說(shuō)，除了應(yīng)用于塊元素的普通屬性之外，還支持下列屬性：list-style、list-style-type、list-style-image?和?list-style-position。

LI?元素的編號(hào)語(yǔ)義與其他?display?屬性設(shè)置為?list-item?的塊元素的編號(hào)語(yǔ)義不同。LI?元素會(huì)離從它們最近的容器?OL?或?UL?元素獲取其索引。其他塊元素則從它們父元素的?children?集合獲取其索引。對(duì)?display?屬性的?list-item?值的支持不會(huì)更改?LI?元素的索引。

無(wú)論是否打開符合標(biāo)準(zhǔn)的模式，此值都可用。

white-space?屬性的?pre?值

white-space?屬性使您能夠控制元素中的空格和換行符。對(duì)于?Internet?Explorer?6?或更高版本，當(dāng)您使用?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，pre?值會(huì)導(dǎo)致源中的空格和換行符被保留。源中的換行符和?TAB?字符（“/n”和“/t”）也會(huì)被保留。連續(xù)的空格不會(huì)進(jìn)行重疊。此值會(huì)導(dǎo)致某個(gè)對(duì)象中內(nèi)容的布局方式與?PRE?元素非常類似。此值不僅影響內(nèi)容的顯示，而且會(huì)影響通過?W3C?Document?Object?Model?(DOM)?訪問的內(nèi)容。

關(guān)閉符合標(biāo)準(zhǔn)的模式時(shí)，您可以檢索此值，而不會(huì)影響呈現(xiàn)。它的運(yùn)行方式與?normal?值類似。

注當(dāng)您打開符合標(biāo)準(zhǔn)的模式時(shí)，white-space?屬性僅應(yīng)用于塊級(jí)元素，如?DIV?元素。對(duì)于?Internet?Explorer?5.5，未打開符合標(biāo)準(zhǔn)的模式時(shí)，此屬性會(huì)應(yīng)用到所有可見元素。

返回頁(yè)首
更嚴(yán)格的樣式表分析
本節(jié)列出了?Internet?Explorer?6?或更高版本在樣式表分析方式上的變化。

當(dāng)您使用?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，Internet?Explorer?6?或更高版本會(huì)忽略不符合?CSS1?的樣式表聲明。更早版本的?Internet?Explorer?允許您使用某些無(wú)效的聲明，如在一個(gè)十六進(jìn)制?RGB?值的開頭遺漏了前導(dǎo)“#”符號(hào)。

樣式表中的注釋

根據(jù)?CSS1，您可以在樣式表中使用文本注釋，這種注釋與?C?編程語(yǔ)言中使用的注釋相似。C?語(yǔ)言注釋以“/*”開始，以“*/”結(jié)束。對(duì)于更早版本的?Internet?Explorer，您可以在樣式表中使用?C?語(yǔ)言注釋，也可以使用?HTML?注釋。HTML?注釋以“”結(jié)束。

下面的示例顯示了?C?語(yǔ)言注釋與?HTML?注釋的區(qū)別。

/*?Use?C?language?comment?blocks?like?this?in?your?style?sheets.?*/
<!--?Do?not?use?HTML?comments?like?this?in?your?style?sheets.?-->

當(dāng)您使用文檔中的?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，對(duì)于?Internet?Explorer?6?或更高版本，只允許?C?語(yǔ)言注釋，但是有一點(diǎn)例外。那就是，您可以將樣式表規(guī)則包含在一個(gè)?HTML?注釋中。樣式表可以包含在?HTML?注釋塊中，這樣是為了讓低級(jí)別的瀏覽器不會(huì)顯示樣式表中的文本。下面的示例演示了?HTML?注釋在一個(gè)嵌入式樣式表中唯一可接受的用法。

<style>
<!--
??/*?begin?rules?*/
??H1.blue??{?background-color:blue?}
??.
??.
??.
??/*?end?rules?*/
-->
</style>

速記屬性中的不可識(shí)別標(biāo)記

根據(jù)?CSS1，當(dāng)一個(gè)速記屬性中存在不可識(shí)別標(biāo)記時(shí)，整個(gè)速記屬性設(shè)置都會(huì)被忽略。例如，"text-decoration:?underline?cross-out"?會(huì)被忽略，這就是因?yàn)椤癱ross-out”是?text-decoration?屬性的不可識(shí)別值。文本甚至不會(huì)添加下劃線。

對(duì)于更早版本的?Internet?Explorer，聲明的分析在遇到第一個(gè)不可識(shí)別值時(shí)結(jié)束。因此，"text-decoration:?underline?cross-out?overline"?可以使得文本添加下劃線，但是不會(huì)添加上劃線。上述情況會(huì)影響下列屬性：font、background、background-position、text-decoration、margin、padding、border、border-top、border-right、border-bottom、border-left、border-color、border-width、border-style、list-style-image、list-style、clip、behavior、text-autospace?和?layout-grid。

部分字體屬性設(shè)置

根據(jù)?CSS1，font?聲明必須至少指定?font-size?和?font-family。例如，因?yàn)?"font:?14pt"?雖然具有?font-size，但是沒有?font-family，所以它會(huì)被忽略。更早版本的?Internet?Explorer?接受部分字體設(shè)置。

RGB?顏色缺少“#”字符

根據(jù)?CSS1，使用十六進(jìn)制?RGB?值指定的顏色必須帶有一個(gè)前導(dǎo)“#”符號(hào)。與更早版本的?Internet?Explorer?一樣，像?"FFFFFF"?這樣的值會(huì)被忽略，而不會(huì)將其按照?"#FFFFFF"?進(jìn)行處理（也稱為?white）。上述情況會(huì)影響接受顏色值的所有屬性。

缺少單位類型標(biāo)識(shí)符會(huì)被視為像素值

根據(jù)?CSS1，長(zhǎng)度值必須指定一個(gè)單元類型標(biāo)識(shí)符，如?cm、mm、in、pt、pc?或?px。不帶單位類型標(biāo)識(shí)符的值，以及數(shù)字和單位類型標(biāo)識(shí)符之間存在空格的值會(huì)被忽略。更早版本的?Internet?Explorer?會(huì)將不帶任何單位類型標(biāo)識(shí)符的數(shù)字視為像素單位?—?就好像在該字符串后面附加了“px”一樣。?

在下面的示例中，當(dāng)?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，兩個(gè)屬性都會(huì)被忽略。第一個(gè)屬性之所以被忽略，是因?yàn)闆]有單位屬性標(biāo)識(shí)符。第二個(gè)屬性被忽略則是因?yàn)閿?shù)字和單位類型標(biāo)識(shí)符之間存在空格。更早版本的?Internet?Explorer?處理第一個(gè)屬性的方式就好像該數(shù)字后面附加了“px”一樣。第二個(gè)屬性中數(shù)字和單位類型標(biāo)識(shí)符之間的空格會(huì)被更早版本的?Internet?Explorer?忽略。

DIV.Rachel?{?width:?817;?height:?11?cm;?}

注此規(guī)則有一個(gè)例外。line-height?會(huì)顯式接受不帶單位的數(shù)字，并且將其按照與百分比設(shè)置相似的方式進(jìn)行處理。例如，"line-height:?2"?與?"line-height:?200%,"?相似，只是數(shù)字繼承方式有所區(qū)別。

帶引號(hào)的關(guān)鍵字

根據(jù)?CSS1，樣式表中的關(guān)鍵字標(biāo)記不能加引號(hào)，例如，按名稱指定的顏色（如?"red,"）或已知屬性值（如?"small-caps,"）。在下面的示例中，這兩個(gè)屬性都會(huì)被忽略。更早版本的?Internet?Explorer?會(huì)忽略引號(hào)，并應(yīng)用這些關(guān)鍵字標(biāo)記。

DIV.George?{?color:?"red";?font-variant:?"small-caps";}

注腳本語(yǔ)言在字符串兩邊仍然需要加引號(hào)。

以數(shù)字開頭的?CLASS?和?ID?值

根據(jù)?CSS1，CLASS?或?ID?屬性的值不能以數(shù)字?(0-9)?開頭。更早版本的?Internet?Explorer?允許這些值以數(shù)字開頭。

區(qū)分大小寫的?CLASS?和?ID?值

根據(jù)?HTML?4.0，CLASS?和?ID?屬性的值區(qū)分大小寫。

返回頁(yè)首
還有更多的新功能呢
對(duì)于?Internet?Explorer?6?或更高版本，當(dāng)您使用?!DOCTYPE?聲明打開符合標(biāo)準(zhǔn)的模式時(shí)，某些功能的運(yùn)行方式與其在更早版本的?Internet?Explorer?中的運(yùn)行方式不同。本節(jié)列出了這些功能。

font-variant?屬性的?small-caps?值

font-variant?屬性的?small-caps?值會(huì)產(chǎn)生“小體大寫字母”的效果。該元素中的所有字母均大寫，原始文本中本來(lái)為小寫的字母會(huì)比原來(lái)為大寫的字母小。在更早版本的?Internet?Explorer?中，small-caps?值則對(duì)該元素中的所有字符均應(yīng)用相同的字體大小。

IMG?元素上的填充

在?IMG?元素上支持填充屬性，如?padding、padding-bottom、padding-top、padding-left?和?padding-right。更早版本的?Internet?Explorer?不支持?IMG?元素的?padding?屬性。

Font-size?屬性的關(guān)鍵字值

font-size?屬性的?medium?值與默認(rèn)的普通字體大小相匹配。

此屬性的關(guān)鍵字值包括?xx-small、x-small、small、medium、large、x-large?和?xx-large。對(duì)于更早版本的?Internet?Explorer，這些值不是直觀定義的。medium?值不是默認(rèn)的普通字體大小；默認(rèn)為?small。

TABLE?元素繼承文本屬性

TABLE?元素會(huì)從其父元素繼承文本屬性值。這些屬性包括?color、font-size、font-weight、font-style、font-variant、text-decoration、text-transform、letter-spacing?和?line-height。對(duì)于更早版本的?Internet?Explorer，除?font-family?屬性之外的?TABLE?元素的所有文本屬性會(huì)將所有文本屬性設(shè)置為?BODY?元素的設(shè)置。

注?TABLE元素的?font-family?屬性在?Internet?Explorer?3?及更高版本中會(huì)進(jìn)行繼承。

嵌入式元素的寬度和高度

嵌入式元素（如?SPAN、B?和?I）不支持?width?或?height?屬性。打開符合標(biāo)準(zhǔn)的模式時(shí)，如果您想設(shè)置嵌入式元素的?width?或?height?屬性，則必須將該元素的?display?屬性設(shè)置為?inline-block。

字符轉(zhuǎn)義

根據(jù)?CSS1，您可以使用反斜杠?(/)?作為轉(zhuǎn)義符。這樣會(huì)使得轉(zhuǎn)義符后面的字符失去任何意義。例如，您可以按照下列方式轉(zhuǎn)義引號(hào)字符：

STYLE="font-family:'Rachel/'s?font'"

您還可以使用十六進(jìn)制值轉(zhuǎn)義?Unicode?字符。例如，“/0009”是?tab?字符的轉(zhuǎn)義符。

返回頁(yè)首
原來(lái)怎樣
本節(jié)可幫助您讓應(yīng)用程序能夠在所有版本?Internet?Explorer?é?都得以正確呈現(xiàn)。?

當(dāng)?Internet?Explorer?6?或更高版本未處于符合標(biāo)準(zhǔn)的模式時(shí)，它處于兼容性?模式。如果您針對(duì)更早版本的?Internet?Explorer?開發(fā)了應(yīng)用程序，并且希望這些應(yīng)用程序在?Internet?Explorer?6?或更高版本上以相同方式呈現(xiàn)，則請(qǐng)確保?!DOCTYPE?聲明沒有打開符合標(biāo)準(zhǔn)的模式。

在符合標(biāo)準(zhǔn)的模式中，不能保證與其他版本?Internet?Explorer?的兼容性。打開符合標(biāo)準(zhǔn)的模式時(shí)，文檔的呈現(xiàn)行為可能與將來(lái)版本的?Internet?Explorer?不同。對(duì)于性質(zhì)固定的內(nèi)容（如存儲(chǔ)在?CD?上的內(nèi)容），您不應(yīng)該使用此模式。

原文地址： http://www.microsoft.com/china/MSDN/library/NetComm/webteam08062001.mspx

總結(jié)

以上是生活随笔為你收集整理的Internet Explorer 6 中的 CSS 增强功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。