IE中打开UTF-8编码的中文网页显示空白页的问题

60 阅读 0 评论 40 点赞

我是靠谱客的博主幸福樱桃，最近开发中收集的这篇文章主要介绍IE中打开UTF-8编码的中文网页显示空白页的问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

偶尔遇到客户求助，在IE中打开留言页面时看到的是一些乱码，将编码从GB2312更改为UTF-8后则页面为空白页面。上网搜索了一下，看到如下两篇文章，摘录到这里，给碰到同样问题的朋友以帮助：

文摘一：

在windows操作系统上使用IE作为浏览器时。常常会发生这样的问题：在浏览使用UTF-8编码的网页时，浏览器无法自动侦测（即没有设定“自动选择”编码格式时）该页面所用的编码。即使网页已经声明过编码格式：<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />，由此造成某些含有中文UTF-8编码的页面产生空白输出。

如果使用的是Mozilla、Mozilla Firefox、Sarafi的浏览器这不会造成这个问题。这是由于IE解析网页编码时以HTML内的标签优先，而后才是HTTP header内的讯息；而mozilla系列的浏览器则刚刚相反。

由于UTF-8为3个字节表示一个汉子，而普通的GB2312或BIG5是两个。页面输出时，由于上述原因，使浏览器解析、输出<title></title>的内容时，如果在</title>前有奇数个全角字符时，IE把UTF-8当作两个字节解析时出现半个汉字的情况，这时该半个汉字会和</title>的<结合成一个乱码字，导致IE无法读完<title>部分，使整个页面为空百输出。而这个时候如果察看源文件的话，会发现实际上整个叶面全部已经输出了。

因此最简单的解决办法是再网页文件的<head></head>标签中一定要把字符定义<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />放在<title></title>之前。