文档章节

X-UA-Compatible属性的解释

梦梦阁
 梦梦阁
发布于 2015/12/07 10:20
字数 619
阅读 52
收藏 0
点赞 0
评论 0

 问题描述:

代码如下:

<meta http-equiv="X-UA-Compatible"  content="IE=9; IE=8; IE=7; IE=EDGE" />

1、这个到底是什么意思?

2、一些示例使用”,”分离IE的版本,而一些使用”;“,哪个正确?

3、我想知道IE=9; IE=8; IE=7; IE=EDGE顺序的含义。

在文档中使用了<!DOCTYPE>

答复:

对于IE8及以上版本,例如:

<meta http-equiv="X-UA-Compatible"  content="IE=9; IE=8; IE=7"  />

强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果用分号(;)分隔,对于不同的浏览器版本就有不同的兼容性,例如

<meta http-equiv="X-UA-Compatible"  content="IE=7; IE=9"  />

以上就表明,将IE8和IE7按照IE7标准渲染,但是IE9还是按照IE9的标准渲染。它允许有不同的向后兼容水平。尽管在真实情况中,你只要选择一种版本:

代码如下:

<meta http-equiv="X-UA-Compatible"  content="IE=8" />

这对于测试和维护会更加简单。而通常更加有用的方式就是进行仿真模拟

代码如下:

<meta http-equiv="X-UA-Compatible"  content="IE=EmulateIE8" />

对于IE=EDGE

代码如下:

<meta http-equiv="X-UA-Compatible"  content="IE=Edge" />

这意味着,会强制浏览器按照最新的标准去渲染。就像在Google’s  CDN使用最新版本的JQuery一样,这是按照最新版本,但也可能由于没有固定的版本而破坏你的布局。

最后,考虑下面这个

代码如下:

<meta http-equiv="X-UA-Compatible"  content="IE=Edge,chrome=1" />

添加”chrome=1“将允许站点在使用了谷歌浏览器内嵌框架(Chrome  Frame)的客户端渲染,对于没有使用的,则没有任何影响。

代码如下:


For more information, there is plenty to  read here, and if you want to learn about ChromeFrame (which I recommend) you  can learn about its implementation here.

PS:X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记,用于为 IE8  指定不同的页面渲染模式,对于ie8之外的浏览器是不识别的。

目前绝大多数网站都用<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″   >来作为IE8的兼容方法。为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的 meta标签中加入如下代码:

<meta http-equiv=”X-UA-Compatible”  content=”IE=7″ /></p> <p>
<meta http-equiv=”X-UA-Compatible”  content=”IE=EmulateIE7″ ></p> <p>
<meta  http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >

但是<meta http-equiv=”X-UA-Compatible”  content=”IE=EmulateIE7″ >仍然是首选。


© 著作权归作者所有

共有 人打赏支持
梦梦阁
粉丝 23
博文 267
码字总数 151619
作品 0
嘉定
高级程序员

<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 1,X-UA-Compatible是神马? 文档:https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible X-UA-Compatible是IE8的一......

writeademo
2016/10/14
8
0
http-equiv="X-UA-Compatible"的意义

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

javado
04/03
0
0
使用X-UA-Compatible来设置IE8/IE9兼容模式

英文原文:http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx 文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一...

红薯
2010/09/16
13.6K
4
X-UA-Compatible IE8 版本的一个特殊文件头标记

X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式,对于ie8之外的浏览器是不识别的。 在X-UA-Compatible中可用的方法有: <meta http-equiv="X-UA-C...

freedonn
2014/09/29
0
0
怪异模式(Quirks Mode)对 HTML 页面的影响

Quirks Mode 概述 定义 什么是 Quirks Mode? 简单来说,Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式。 历史 由渲染...

烹饪师
2015/08/19
0
0
doctype声明、浏览器的标准、怪异等模式

触发标准模式 1、加DOCTYPE声明,比如: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.......

疯狂的艺术家
2012/03/28
0
0
关于浏览器模式和文本模式的困惑

什么是浏览器模式和文本模式? 经常使用IE开发者工具的同学,肯定见过浏览器模式和文本模式,对于这两个名词,综合相关文档解释如下: 浏览器模式(Browser Mode),用于切换IE针对该网页的默...

lg2045
2013/07/01
0
0
IE 兼容模式 设置 Meta Compatible 和 Iframe 子页面的关系

背景 因为历史原因,之前很多的系统都会是 顶级页面+Iframe来加载子级页面的这种模式构件系统,而且系统都只能运行在IE6或者IE 高版本兼容模式下(IE 7模式)。 随着现在的审美原来越高,脚本...

xakoy
07/13
0
0
X-UA-Compatible IE=edge

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

simon1986
2014/04/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

数据库事务的四大特性以及事务的隔离级别

本篇讲述数据库中事务的四大特性(ACID),并且将会详细地说明事务的隔离级别。 如果一个数据库声称支持事务的操作,那么该数据库必须要具备以下四个特性: ⑴ 原子性(Atomicity) 原子性是...

Java大蜗牛
11分钟前
0
0
Spring Boot 整合 MyBatis/通用Mapper/PageHelper分页插件

整合MyBatis 整合通用Mapper 1. POM依赖配置 <properties><mapper.starter.version>2.0.3-beta1</mapper.starter.version></properties><!-- 通用Mapper --><dependency><groupId>t......

OSC_fly
20分钟前
0
0
CentOS7 双网卡绑定

环境 操作系统 CentOS7.5,禁用 NetworkManager 服务 网卡 eth0 网卡 eth1 绑定网卡 bond0 网卡 eth0 配置 修改 /etc/sysconfig/network-scripts/ifcfg-eth0 TYPE=EthernetBOOTPROTO=noneD......

Colben
22分钟前
0
0
zk实战--rpc框架集群化

在看此篇内容时需要浏览下面内容 netty实战--手写rpc框架 前文功能简介以及功能扩充 利用netty来实现一个点对点的rpc调用。客户端和服务端都是靠手写地址进行socket同学的,无法1对多,也无法...

xpbob
38分钟前
11
0
springboot 发送邮件

获取授权码 添加配置 # 账号和密码spring.mail.username=aaa@qq.comspring.mail.password=bbb# 服务器地址spring.mail.host=smtp.qq.comspring.mail.properties.mail.smtp.ssl.en...

阿豪boy
38分钟前
0
0
如何使用GNU Ring?

文章名:如何使用GNU Ring? 作者:冰焰火灵X 1079092922@qq.com 文章许可:CC BY-SA 4.0 ##1. 安装 下载GNU Ring 点击左边选择你的系统版本(这里以 GNU/Linux 为例,我使用的是Mint 18.3)...

ICE冰焰火灵X
41分钟前
4
0
深入理解springMVC

什么是spring MVC Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面。Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块。使用 Spring 可插入的 MVC 架构,从而...

Java填坑之路
47分钟前
1
0
《射雕英雄传》书摘

1. 我虽是个飘泊江湖的贫家女子,可不是低三下四、不知自爱之人。你如真心爱我,须当敬我重我。我此生决无别念,就是钢刀架颈,也决意跟定了你。将来……将来如有洞房花烛之日,自然……自能...

k91191
57分钟前
1
0
解决:modal中datePicker 选中时,会触发modal的hidden.bs.modal事件

最近项目中发现了一个bug,具体表现为选中模态框上datepicker组件上的日期时,会触发模态框的关闭事件,导致数据编辑无法正常进行。网上搜索了下,解决方法如下: $('.datepicker').on('hid...

Funcy1122
今天
0
0
Redis分布式锁的正确实现方式

前言 分布式锁一般有三种实现方式: 1.数据库乐观锁 2.基于Redis的分布式锁; 3.基于Zookeeper的分布式锁。本篇博客将介绍第二种方式,基于Redis实现分布式锁。虽然网上已经有各种介绍Redis...

大海201506
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部