日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

设置兼容性[指定IE浏览器渲染方式]

發布時間:2024/9/5 HTML 51 豆豆
生活随笔 收集整理的這篇文章主要介紹了 设置兼容性[指定IE浏览器渲染方式] 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<meta http-equiv="X-UA-Compatible" content="IE=7" />
以上代碼告訴IE瀏覽器,無論是否用DTD聲明文檔標準,IE8/9都會以IE7引擎來渲染頁面。
<meta http-equiv="X-UA-Compatible" content="IE=8" />
以上代碼告訴IE瀏覽器,IE8/9都會以IE8引擎來渲染頁面。
<meta http-equiv="X-UA-Compatible" content="edge" />
以上代碼告訴IE瀏覽器,Windows以最高版本的IE顯示內容。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
根 據 <!DOCTYPE> 指令確定如何呈現內容。標準模式指令以Windows Internet Explorer 7 標準模式顯示,而 Quirks 模式指令以 IE5 模式顯示。與 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。對于多數網站來說,它是首選的兼容性模式。對于用上IE9/IE10的人,想跳過IE8,指定在IE7和IE9中渲染,得使用了MSDN文檔推薦的 語法:
<meta http-equiv="X-UA-Compatible" content="IE=7;IE=9" />
但是,以上兼容IE7/IE9的語法方式,會在IE8里會導致BUG,發現在IE8下并沒有以IE7的文檔模式來渲染頁面。
正確的語法規則:
1.定義多種文檔模式時,使用逗號(,),而非文檔中提到的分號(;) 。
補充:
X- UA-Compatible是針對ie8新加的一個設置,對于ie8之外的瀏覽器是不識別的,這個區別與 content="IE=7"在無論頁面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的標準模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。對于多數網站來說,它是首選的兼容性模 式。

X-UA-Compatible 是針對 IE8 版本的一個特殊文件頭標記,用于為 IE8 指定不同的頁面渲染模式。由于當下 IE6 和 IE7 使用率依然較高,綜合考慮,啟用 IE8 版本的 X-UA-Compatible 兼容模式顯得相當重要。
各種兼容模式代碼示例如下:
<meta http-equiv="X-UA-Compatible" content="IE=5" />
像是使用了 Windows Internet Explorer 7 的 Quirks 模式,這與 Windows Internet Explorer 5 顯示內容的方式很相似。
<meta http-equiv="X-UA-Compatible" content="IE=7" />
無論頁面是否包含 <!DOCTYPE> 指令,均使用 Windows Internet Explorer 7 的標準渲染模式。
<meta http-equiv="X-UA-Compatible" content="IE=8" />
開啟 IE8 的標準渲染模式,但由于本身 X-UA-Compatible 文件頭僅支持 IE8 以上版本,因此等同于冗余代碼。
<meta http-equiv="X-UA-Compatible" content="edge" />
Edge 模式通知 Windows Internet Explorer 以最高級別的可用模式顯示內容,這實際上破壞了“鎖定”模式。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令確定如何呈現內容。標準模式指令以Windows Internet Explorer 7 標準模式顯示,而 Quirks 模式指令以 IE5 模式顯示。與 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。對于多數網站來說,它是首選的兼容性模式。

轉載于:https://www.cnblogs.com/safer/p/4095272.html

與50位技術專家面對面20年技術見證,附贈技術全景圖

總結

以上是生活随笔為你收集整理的设置兼容性[指定IE浏览器渲染方式]的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。