您现在的位置是:网站首页> 编程资料编程资料
关于IE8兼容:X-UA-Compatible属性的解释纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
2021-08-30
1361人已围观
简介 这篇文章主要介绍了关于IE8兼容:X-UA-Compatible属性的解释,本文翻译自顶尖程序员问答社区StackOverFlow,需要的朋友可以参考下
问题描述:
复制代码
代码如下:1、这个到底是什么意思?
2、一些示例使用”,”分离IE的版本,而一些使用”;“,哪个正确?
3、我想知道IE=9; IE=8; IE=7; IE=EDGE顺序的含义。
在文档中使用了
答复:
对于IE8及以上版本,例如:
复制代码
代码如下:强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果用分号(;)分隔,对于不同的浏览器版本就有不同的兼容性,例如
复制代码
代码如下:以上就表明,将IE8和IE7按照IE7标准渲染,但是IE9还是按照IE9的标准渲染。它允许有不同的向后兼容水平。尽管在真实情况中,你只要选择一种版本:
复制代码
代码如下:这对于测试和维护会更加简单。而通常更加有用的方式就是进行仿真模拟
复制代码
代码如下:对于IE=EDGE
复制代码
代码如下:这意味着,会强制浏览器按照最新的标准去渲染。就像在Google’s CDN使用最新版本的JQuery一样,这是按照最新版本,但也可能由于没有固定的版本而破坏你的布局。
最后,考虑下面这个
复制代码
代码如下:添加”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之外的浏览器是不识别的。
目前绝大多数网站都用来作为IE8的兼容方法。为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:
复制代码
代码如下:但是仍然是首选。
StackOverFlow原链接;http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top
相关内容
- 关于type="file"的input框样式修改小结input元素[type="file"]时的样式定制及浏览器兼容性问题探讨定义input type=file 样式的方法HTML中文件上传时使用的<input type="file">元素的样式自定义
- HTML中head头结构
- 使用vertical-align实现input和img对齐纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 一个不错的html 打印代码支持翻页css transform 翻页动画记录的实现HTML5 3D书本翻页动画的实现示例使用纯CSS实现书籍3D翻页效果的示例很酷的HTML5电子书翻页动画特效css实现点击滚动翻页的效果(无js)css3实现书本翻页效果的示例代码
- a标签的背景图在ie8下不显示问题的解决方法纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- HTML标签嵌套规则详细归纳适合新手朋友HTML5标签嵌套规则详解【必看】html标签的嵌套规则介绍XHTML标签的嵌套规则分析HTML中的块级、行级元素,特殊字符,嵌套规则
- input输入框中的光标大小显示不一致的解决方法纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- HTML cellpadding与cellspacing属性图文详解纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- a标签href属性与onclick事件使用实例纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- html 可输入下拉菜单的实现方法HTML+CSS实现下拉菜单的实现纯CSS+HTML大型下拉菜单特效HTML+CSS实现简单下拉菜单效果纯html+css制作三级下拉菜单基于HTML5代码实现折叠菜单附源码下载html 仿百度百科导航下拉菜单功能
