博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何定义IE的文档兼容模式
阅读量:6256 次
发布时间:2019-06-22

本文共 1320 字,大约阅读时间需要 4 分钟。

  hot3.png

由于现在IE浏览器的多个版本共存,同时浏览器的升级也给我们的老项目带来了不可预测的风险。浏览器的兼容性问题开始困扰我们的在线项目了。

还好,微软的给我们的解决方案是设置X-UA-Compatible。

X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。

很多网站为了方便让页面在IE8/9下降级成显示为IE7就使用了X-UA-Compatible 。

IE8刚开始推出的时候跟IE7有不少不同,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。这一做法过于方便,以至于现在太多网站声明了使用IE7引擎来解析页面。

语法:

以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。

以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。

以上代码告诉IE浏览器,Windows以最高版本的IE显示内容。

以上代码告诉IE浏览器,根据 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式。

注意X-UA-Compatible放置的位置,MSDN《》中是这样说的:

The X-UA-compatible header is not case sensitive; however, it must appear in the Web page’s header (the ) before all other elements, except for the element and other metaelements.

X-UA-compatible 标头不区分大小写;不过,它必须显示在网页中除 元素和其他 meta 元素以外的所有其他元素之前的标头()中。

例如下面正确的例子:

被杯具的用法:

对于用上IE9/IE10的人,想跳过IE8,指定在IE7和IE9中渲染,得使用了推荐的语法:

但是,以上兼容IE7/IE9的语法方式,会在IE8里会导致BUG,发现在IE8下并没有以IE7的文档模式来渲染页面。

正确的语法规则:

1.定义多种文档模式时,使用逗号(,),而非文档中提到的分号(;) 。

/*或者是*/

2.或者以逗号升序连写的方式

最后我们看一下

转载于:https://my.oschina.net/mleo/blog/103164

你可能感兴趣的文章
VC中怎么读取.txt文件
查看>>
如何清理mac系统垃圾
查看>>
企业中最佳虚拟机软件应用程序—Parallels Deskto
查看>>
Nginx配置文件详细说明
查看>>
怎么用Navicat Premium图标编辑器创建表
查看>>
Spring配置文件(2)配置方式
查看>>
MariaDB/Mysql 批量插入 批量更新
查看>>
ItelliJ IDEA开发工具使用—创建一个web项目
查看>>
solr-4.10.4部署到tomcat6
查看>>
切片键(Shard Keys)
查看>>
淘宝API-类目
查看>>
virtualbox 笔记
查看>>
Git 常用命令
查看>>
驰骋工作流引擎三种项目集成开发模式
查看>>
SUSE11修改主机名方法
查看>>
jdk6.0 + Tomcat6.0的简单jsp,Servlet,javabean的调试
查看>>
Android:apk签名
查看>>
2(2).选择排序_冒泡(双向循环链表)
查看>>
MySQL 索引 BST树、B树、B+树、B*树
查看>>
微信支付
查看>>