HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用

HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用,第1张

通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。IE = edge告诉IE使用最新的引擎渲染网页,chrome = 1则可以激活Chrome Frame 。

X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。

扩展资料:

网页的浏览器兼容的重要性:

1、网站做好了浏览器兼容,能够让网站在不同的浏览器下都正常显示

2、浏览器兼容能够抓住更多的网站访客

3、浏览器兼容能够给客户更好的体验

注意事项:

1,根据官网定义X-UA-compatible 标头不区分大小写;不过,它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。如果不是的话,它不起作用

2,content的内容是IE=8,或者IE=edge等值,注意不是IE8或者直接写个edge的值,否则不起作用

参考资料:百度百科-浏览器兼容性

按照W3C标准来布局就可以达到各浏览器的兼容效果,不只是IE了。

各浏览器的解析标准不同而导致的,同样的页面展示在不同浏览器里时,展示效果也不同,为达到同样的效果,需要对浏览器的解析进行重置,也就是初始化。

初始化一般是CSS对页面标签的重置设置,通过把一些默认有标签样式重置为一致后,在各浏览器下也就很容易达到相同的展示效果了。

理论上来说,我们需要做的是渐性增强处理,而不是降级内核处理。相对来说,IE9的解析比IE8以下处理的解析增强了不少。

解决兼容性可以使用css来实现。

为老版本ie专门写一个old.css,在html里面加一段js来识别浏览器版本,当老版本ie访问时自动启用old.css,即可兼容。

另外老版本ie现在使用的人并不是很多,如果嫌写代码麻烦的话,也完全可以忽略老版本ie用户,或者在html里面加js识别老ie访问时显示一段话“您的ie版本太旧了,不能很好的展示网站功能,建议更新ie浏览器或者下载google、火狐浏览器等”目前腾讯邮箱好像就是这样提示 的,也就是做一个友好提示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11633404.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存