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

最新推荐文章于 2025-12-25 20:20:10 发布

原创最新推荐文章于 2025-12-25 20:20:10 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #mozilla #浏览器 #firefox #header #windows

小bug的修改专栏收录该内容

4 篇文章

订阅专栏

本文探讨了在IE浏览器中遇到的UTF-8编码问题，特别是当<title>标签前存在全角字符时导致页面显示为空白的现象。文章分析了问题产生的原因，并提供了解决方案。

偶尔遇到客户求助，在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>之前。