X-UA-Compatible

前几日修改一个活动页面，测试的时候发现在ie8下面显示有问题，而线上的页面在ie8下面显示没有问题，通过仔细的查找，最后发现原来是在 head 标签里少了一段代码：<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />，这段代码是什么意思呢？

首先要说明的是 X-UA-Compatible 这个属性值在ie6、ie7下面不认识。其次<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />是让浏览器以ie7的方式进行渲染，使网页正常显示。

当然 X-UA-Compatible 中还有其他方法，如：<meta http-equiv="X-UA-Compatible" content="IE=7" />，两者有和区别？

其实两个没有太大的区别，只是Emulate模式更加重视<!DOCTYPE>。现在大多数页面都是xhtml，而xhtml与html的不同就在于更加规范，比如标签必须要闭合，标签必须被正确的嵌套，doctype必不可少。

所以推荐使用<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />。

PS：博客搬家了，以后不再 CSDN 更新了，见谅。最新博客地址：http://www.cnblogs.com/yjzhu/