meta标签的http-equiv与content解析
2019-01-10 07:49:23来源:博客园 阅读 ()
meta是html语言head区的一个辅助性标签,以下是meta的http-equiv属性和content属性的一些介绍。
http-equiv属性
指示服务器在发送实际的文档之前,要在传送给浏览器的 MIME 文档头部包含http-equiv属性的值。此属性要与content属性结合在一起使用。
这里主要说一下该属性的“X-UA-Compatible”这个值
X-UA-Compatible
这是IE8的专用标记,是用于指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式以此来解决部分兼容问题,在网页中,其指定的模式的优先权高于服务器中(通过HTTP Header)所指定的模式,
兼容性模式设置优先级: meta tap>http header
为什么要使用“X-UA-Compatible”?
IE8刚推出的时候,由于很多网页的重构问题,无法适应高级的浏览器,为了找到更省时省力的方法,就出现了X-UA-Compatible,这个只针对IE8而新加的一个设置,对于IE8之外的浏览器是不识别的,用X-UA-Compatible强制IE8按照低版本的渲染代码。
content属性
1、<meta http-equiv="X-UA-Compatible" content="IE=7" />
无论页面是否包含 <!DOCTYPE> 指令,均使用 Windows Internet Explorer 7 的标准渲染模式。
2、<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式
3、<meta http-equiv="X-UA-Compatible" content="edge" />
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。即如果你有IE10的话说明你有IE7、8、9、10,那么就调用高版本的那个也就是IE10。
4、<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
如果IE有安装Google Chrome Frame,那么就用安装的组件,如果没有就跟<meta http-equiv="X-UA-Compatible" content="edge" />一样。
说明:针对IE 6,7,8等版本的浏览器插件Google Chrome Frame,可以让用户的浏览器外观依然是IE的菜单和界面,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核。
END
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:第二行字体 多余省略号显示
- HTML基础01 2020-06-07
- 前端学习记录 2020-06-05
- [03]HTML基础之行内标签 2020-06-01
- HTML 5的革新——语义化标签section和article的区别 2020-06-01
- [05]HTML基础之表格标签 2020-06-01
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash