IE8瀏覽器如何確定文檔模式

來源:互聯網
上載者:User

 本文將討論IE8瀏覽器如何確定用以渲染網站的文檔模式,如怪異模式(又稱IE5模式)和標準模式(更多資料,英文:http://en.wikipedia.org/wiki/Quirks_mode)。該內容對於開發人員和客戶來說,是很重要的。

與此相關的,是我們最新動向的相容性檢視列表。此列表內容自從去年3月IE8正式版發布以來,已經減少了1000多個網站。從最初的3100多,減少到了現在的2000多一點。在與網站開發人員及標準制定人員的共同努力下,我們很高興地看到需要出現在相容性檢視(CV)列表中的網站不斷地在減少。
資料驅動的設計
在討論設計細節之前,我想和大家分享一些我們用於設計相容性體驗的資料。

讓我們來看一下世界範圍內的上千個高流量網站,如qq.com和netlog.com,以及那些最初列入相容性檢視列表中(英文資料:相容性檢視列表)的網站的doctype(wikipedia英文資料,百度百科,CSDN社區)和X-UA-Compatible meta標籤和頭部:

26%的網站指定使用怪異模式,如果amazon.com,tworld.co.kr和unibanco.com.br。
41%的網站使用了Transitional文件類型,即准標準模式(mozilla英文資料)。
14%的網站已經添加了X-UA-Compatible meta標籤或HTTP回應標頭,從而使用IE7標準模式進行渲染。

以上的資料是可以理解的:許多高流量網站需要在儘可能多的瀏覽器中渲染,這就是為什麼他們會使用怪異模式。許多網站有專門針對IE7的頁面而且許多網站創作工具,如Aptana Studio(英文網站)和Expression Web,則預設指定使用Transitional文件類型:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

如果考慮一下網路的規模,那麼將有幾十億的網頁,分別指定使用怪異模式,IE7,准標準模式,或最新的標準模式。IE需要支援所有這些網站以確保世界範圍內的使用者擁有最好的體驗。
有這些資料在手,我們設計IE8時考慮到了以下一些原則:

預設情況下,使用最標準的方式渲染網頁。 如此前(IEblog英文,未翻譯)的文章(IEBlog英文,未翻譯)所明確的,我們致力於互通性,這便意味著預設情況下,使用最標準的方式渲染網頁。
使用者只是期待網頁在IE中正常工作。 一小部分使用者將需要改進那些在IE7標準模式中工作得最好的網站,以便使其可以工作在IE8的最標準的預設模式中。至於其他所有人,IE8提供了相容性檢視設定(IEBlog英文,未翻譯)。
在這裡,最好的使用者體驗是一切自動地如網站設計者希望的那樣工作。這就是為什麼我們提供了相容性檢視列表(MSDN英文資料)。與此同樣重要的是,使用者可以通過相容性檢視按鈕,修複那些尚未加入列表中網站。
網站開發人員完全掌控他們的內容如何被渲染。 X-UA-Compatible meta標籤和頭部會覆蓋IE和使用者的設定。他們也使網站開發人員可以細粒度地調控如何在IE中渲染每一個網頁。
比如,有些網站擁有一些專門為怪異模式寫的網頁,而另一些則為IE7標準模式。當IE收到的X-UA-Compatible頭的值為EmulateIE7時,便會相應地以怪異模式或IE7標準模式進行渲染。
給網站開發人員以工具和時間,協助他們轉換到IE8標準模式。 IE8引入了X-UA-Compatible meta標籤和頭部,這便給網站開發人員提供了時間以轉換到IE8標準模式。正如上文提到的,許多網站已經使用了這些機制來指定他們的內容必須使用IE7標準模式。

IE8如何確定文檔模式的圖解

 

給定了以上的原則,這裡有四條規則明確了IE如何處理文件類型(doctype),X-UA-Compatible meta標籤和頭部,開發人員工具,以及相容性檢視設定。這些標準自上而下出現在下面的圖解中。

開發人員工具的設定會覆蓋一個標籤(tab)中所顯示的頁面的全部文檔模式。
X-UA-Compatible meta標籤及此後的頭部,覆蓋相容性檢視設定和文件類型(doctype),除非X-UA-Compatible的值是EmulateIE7或EmulateIE8。
使用者的相容性檢視設定(IEBlog英文,未翻譯)會覆蓋微軟相容性檢視列表(MSDN英文資料)。
如果沒有上述規則中的任何一種可以適用,則有文件類型(doctype)將決定網頁使用以下哪一種模式進行渲染:IE8標準模式,IE8准標準模式,或怪異模式。

相容性和互通性是很複雜的。為了降低開發人員和使用者使用的複雜度,我們希望看到更多的網站淘汰舊式的瀏覽器模式。我們也尊重網站開發人員對模式的選擇。我們很高興和網站所有者及標準組織成員繼續(IEBlog英文,未翻譯)提高(IEBlog英文,未翻譯)IE的(IEBlog英文,未翻譯)互通性標準的實現。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。