当前位置: 首页 > 编程日记 > 正文

X-UA-Compatible

X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。 


在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。 

使用下面这段代码后,开发者无需考虑网页是否兼容IE8浏览器,只要确保网页在IE6、IE7下的表现就可以了。 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
//emulate 仿真 

给网站添加X-UA-Compatible标签 

我建议使用下面的X-UA-Compatible标签: 

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame 

为了不掩盖重点,直接看  
既然IE=edge是“以最高级别的可用模式显示内容”,那是不是和去掉相同的效果? 
 
有些因素会自动触发兼容性文档视图,这个时候设置X-UA-Compatible就可以防止这个自动触发的行为。 
默认行为大致有这些: 
  存在于注册表中的兼容性视图列表,当url匹配时将自动切换到兼容性视图 
  在注册表中的对应字段指定了使用兼容性视图来显示所有网站 
  未指定DOCTYPE,则使用Quirks模式 
  曾经遇到过错误 

一个有意思的事实是,设置了<meta http-equiv="X-UA-Compatible" content="IE=edge">之后,即使未声明doctype,在IE8、IE9(未测试IE10+,不过行为应该类似)下面,页面也不会进入quirks模式。 
使用 X-UA-Compatible 标头可指定页面支持的 Internet Explorer 版本。 使用 document.documentMode 可确定网页的兼容性模式。 
<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> 指令。对于多数网站来说,它是首选的兼容性模式。 
在现阶段,IE8 版本推向市场没有多久,份额不高。因此,考虑兼容旧版本的模式值得推荐。 

相关文章:

[转]【 视频 】PAR、DAR和SAR都是啥

原地址:http://blog.yikuyiku.com/?cat3 PAR —— Pixel Aspect Ratio 像素纵横比DAR —— Display Aspect Ratio 显示纵横比SAR —— Sample Aspect Ratio 采样纵横比 16&#xff1a;9和4&#xff1a;3指的是DAR&#xff0c;DAR和SAR之间没有必然联系。横向上的像素数目/纵向…

登高自卑 | 我的NumPy笔记

注&#xff1a;以下内容来自NumPy中文网 1 NumPy的矢量化和广播两个特征是大部分功能的基础。 矢量化让代码更接近标准的数学符号&#xff0c;更Pythonic&#xff0c;隐藏了所有的显示循环(幕后是C在做显示循环)。 广播即操作的隐式逐元素行为&#xff0c;不仅仅局限于算数运…

TI IPNC Web网页之网页修改教程

web网页程序修改 打开gStudio之后&#xff0c;点击菜单栏中Help->Contents。先把这个诡异的编程语言看一遍吧。这里搬一些东西出来。 GoDB简介 从第一副图片中&#xff0c;我们可以看出&#xff0c;从源文件到可执行文件的过程。 从第二幅图我们可以了解到GoDB是如何跨平台的…

Spring Cloud构建分布式电子商务平台:服务消费(基础)

使用LoadBalancerClient在Spring Cloud Commons中提供了大量的与服务治理相关的抽象接口&#xff0c;包括DiscoveryClient、这里我们即将介绍的LoadBalancerClient等。对于这些接口的定义我们在上一篇介绍服务注册与发现时已经说过&#xff0c;Spring Cloud做这一层抽象&#x…

OPENGL ES 对象的拾取

时间&#xff1a;19:51 2010-12-14 用户问题的说明 响应鼠标操作&#xff0c;其当中有一个非常重要的知识&#xff1a;使用鼠标点取&#xff0c;达到对三维模型对象的捕捉。 对象的拾取&#xff0c;这是3D当中的一个专业术语。也就是在二维屏幕当中选择三维对象。 我们要使用之…

如何禁止NumPy自动跳过数组的中心部分并仅打印角点

import numpy as np import sys np.set_printoptions(thresholdsys.maxsize)

用C#创建Windows服务(Windows Services)

转载自 hyslove最终编辑 hysloveWindows服务在Visual Studio 以前的版本中叫NT服务&#xff0c;在VS.net启用了新的名称。用Visual C# 创建Windows服务不是一件困难的事&#xff0c;本文就将指导你一步一步创建一个Windows服务并使用它。这个服务在启动和停止时&#xff0c;向一…

JS判断滚动条到底部

form:http://www.uphtm.com/js/269.html判断滚动条到底部&#xff0c;需要用到DOM的三个属性值&#xff0c;即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出…

docker容器网络 - 同一个host下的容器间通信

2019独角兽企业重金招聘Python工程师标准>>> 对于复杂的应用&#xff0c;不可避免需要多个服务部署在多个容器中&#xff0c;并且服务间存在相互间通信的情况。比如服务A需要连接mysql的容器。本文将介绍docker的容器网络&#xff0c;并通过实践解决在同一个docker …

登高自卑 | 我的PyTorch入门与实践笔记

1 函数名后带下划线会修改函数本身。如y.add_(x)会改变张量y。 2 PyTorch的Tensor和NumPy中的ndarray是可以互相转换的&#xff0c;转换后的对象共享内存(一个变另一个也跟着变)。

234. Palindrome Linked List - Easy

Given a singly linked list, determine if it is a palindrome. Example 1: Input: 1->2 Output: false Example 2: Input: 1->2->2->1 Output: true Follow up:Could you do it in O(n) time and O(1) space? 找中点&#xff0c;反转后半部分&#xff0c;再一一…

Hibernate 获取某个表全部记录时 奇怪现象 (重复出现某个记录)

我用Hibernate连接access的mdb 列出某个表全部记录的时候&#xff0c;发现有一个记录重复了。而直接用jdbc连接&#xff0c;就可以正确列出来。 本来还以为mdb不稳定&#xff0c;还吓了我一跳。毕竟打算用它作为长久数据库嘛~~ 分析了一下&#xff0c;发现正好重复的数据的主键…

iOS7导航栏和状态栏的定制

http://www.cocoachina.com/applenews/devnews/2013/1104/7287.html 转载于:https://www.cnblogs.com/luningning0901/p/4437190.html

2021年浙软夏令营预推免面经

夏令营 时间&#xff1a;七月中旬 参加人工智能分营&#xff0c;为期两周&#xff0c;评分标准&#xff1a;简历上课参与情况项目完成情况(具体占比不明)。 项目是完成三个深度学习模型&#xff0c;系统根据测试用例的通过情况评分。 预推免 时间&#xff1a;九月下旬 评…

ext前后台数据传输的标准化

一、标准化的数据传输是什么 这里所说的标准化主要是指&#xff0c;使用代理提交数据时&#xff0c;格式必须统一化、标准化&#xff0c;而服务器返回的数据格式也必须是标准化的数据。 简言之&#xff0c;使用代理提交数据时&#xff0c;前台--->后台&#xff0c;后台---&g…

对称加密解密类c#

namespace EncryptDLL{ #region 对称加密类 /// <summary> /// 对称加密解密类 /// </summary> public static class SymmetricEncryptClass { #region 对称加密代码 /// <summary> /// 对称加密方法 /// <…

java代码完全手写模仿qq登录界面

这是我模仿QQ2015版界面&#xff0c;实现的基本功能有登陆验证&#xff0c;重置等&#xff0c;当然直接复制代码运行是不一样的&#xff0c;还要注意自己插入自己的图片。 结果截图如下所示&#xff1a; import java.awt.BorderLayout;import java.awt.Color;import java.awt.F…

Vue3 计算属性的特性

computed:里面的方法 仅当依赖的值发生变动时&#xff0c;才会重新进行计算 这样一来解决的是性能问题 而methods里面的方法&#xff0c;哪怕无关值发生变动&#xff0c;也会重新进行计算 下面是两组对比 1-通过distance()计算属性来计算路程 2-通过getDis()方法计算路程…

解读源码中的问题

1.HashMap 构建中如何保证容量为 2 的幂次方 static final int tableSizeFor(int cap) {int n cap - 1;n | n >>> 1;n | n >>> 2;n | n >>> 4;n | n >>> 8;n | n >>> 16;return (n < 0) ? 1 : (n > MAXIMUM_CAPACITY) ?…

User Profile Data Web Part 读取属性字段

User Profile Data Web Part Property NameDisplay NameUserProfile_GUIDIdSIDSIDADGuidActive Directory IDAccountName帐户名FirstName名字SPS-PhoneticFirstName拼音名LastName姓氏SPS-PhoneticLastName拼音姓PreferredName名称SPS-PhoneticDisplayName拼音显示姓名WorkPho…

Linux 环境变量配置

linux 环境&#xff0c;用户通过shell 操作时&#xff0c;系统会为用户初使化环境变量&#xff0c; 比如系统公共资源路径: path , include , bin 等目录。 shell 模式下&#xff0c;执行 export &#xff0c; 查看用户环境变量 , echo $key 查询某个环境变量。设置环境变量&am…

Android 自定义View之3D骰子旋转

你可以指定立方体中每一面骰子的点数&#xff0c;颜色和背景&#xff0c;同时也可以指定执行的动画时间和动画插值器 更多有趣的view 使用 在根目录的build.gradle添加这一句代码&#xff1a; allprojects {repositories {//...maven { url https://jitpack.io }} } 复制代码在…

职业生涯的考虑

职业核心价值&#xff1a;活的有价值&#xff0c;有意义 第一阶段&#xff1a;技术&#xff08;27:2012&#xff5e;30:2015&#xff09;&#xff1a;移动互联网 第二阶段&#xff1a;销售或者管理&#xff08;30:2015&#xff5e;35:2020&#xff09;&#xff1a;成熟公司 第三…

算法的sound和complete

stackoverflow的答案 Soundness and Completeness of a algorithm stackexchange的答案 What does it mean to say an algorithm is Sound and Complete?

ArcGIS API for Silverlight 入门学习笔记(三):基础地图实例

该实例主要是包含六部分&#xff1a;地图范围、坐标、动画效果、全屏、比例尺、进度条。 前期准备工作 前台代码0 <UserControl x:Class"APIforSilverlightSamp.s2" xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x"ht…

BZOJ 4009 接水果

Description 风见幽香非常喜欢玩一个叫做osu!的游戏&#xff0c;其中她最喜欢玩的模式就是接水果。 由于她已经DT FC了The big black, 她觉得这个游戏太简单了&#xff0c;于是发明了一个更加难的版本。首先有一个地图&#xff0c;是一棵由\(n\)个顶点、\(n-1\)条边组成的树。这…

GitBook本地的安装与查看

1.安装nodejs 2.cnpm install -g gitbook-cli 查看版本&#xff1a;gitbook -V 3.gitbook init 注意npm加了代理&#xff0c;查看npm代理配置&#xff0c;将其注释即可 执行完后&#xff0c;你会看到多了两个文件 —— README.md 和 SUMMARY.md&#xff0c;它们的作用如下&…

用C++的random_shuffle()函数打乱int数组顺序

程序背景&#xff1a; 开组会&#xff0c;汇报人已确定&#xff0c;出一个随机的汇报顺序。 #include<bits/stdc.h> using namespace std;const int NUM 12;//汇报人数 int main() {string names[] {"SpongeBob","Patrick","Squidward"…

ios 绘制不规则 图形

最近才知道有一个软件 paintcode 它可以根据画出的图形自动的生成对应的 OC 代码 不用UI切图 我们也可以用代码实现自己想要的图形效果 使用教程可以百度&#xff1a;paintcode教程 http://blog.csdn.net/lujunelong/article/details/18899925 下载地址&#xff1a;http://www…