`

IE打开UTF-8编码的页面出现空白页的问题解决

阅读更多

最近在做一个网站的时候,发现自己做的网页,在本机上打开能够显示,但一上传到服务器,再远程访问,用IE打开显示一片空白,用firefox打开又可以显示,觉得很奇怪,结果上google上一搜,原来早有人发现了这个问题了,特记录下来。

1、请看我网页的头部代码:

写道
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>欢迎进入深圳市贸易有限公司 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>

 这是我没有解决问题之前的html代码,其中的title标签写在了meta标签之前,这样就导致了空白页。

2、后来在网上搜索了下,发现在IE下打开UTF-8编码的网页时,IE会先获取到网页的编码格式,但因为<title>标签在<meta>标签之前,汉字在UTF-8中是三个字节表示,而在GB2312中是两个字节。所以IE在不知道编码方式的情况下,以默认的编码格式进行解析,解析出错,导致以下的部分都不能正常解析,所以就显示成空白页面了。

正确的排列顺序是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>欢迎进入深圳市贸易有限公司
</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>

 <meta>标签在前,<title>标签在后,这样IE在解析时,就不会找不到编码格式了。

分享到:
评论

相关推荐

    utf-8 网页不显示+utf-8网页乱码的通用解决方法

    由此造成某些含有中文UTF-8编码的页面产生空白输出。 如果使用的是Mozilla、Mozilla 浏览器、Sarafi的浏览器这不会造成这个问题。这是由于IE解析网页编码时以HTML内的标签优先,而后才是HTTP header内的讯息;而...

    ie7打开页面有源文件但页面空白问题的解决方法

    问题: 我博客编码是utf-8的。有时候打开页面是一片空白,刷新一下又正常了,但查看源文件又是完整的。在ie6和firefox下都正常,但是在ie7下偶尔会出现这样的情况。 一开始我怀疑是IDC的问题,后来又想到了js、css、...

    解决WebView通过URL加载H5界面出现空白的问题

    1.权限问题:在配置文件中需要设置网络权限 ”android.permission.INTERNET”&gt; 2.基本配置问题 WebSettings webSettings = webView.getSettings();...webSettings .setDefaultTextEncodingName(“utf-8

    ietools2.6.exe

    *修复症状:网页打开中文编码出现错误 *修复症状:ie默认关联设置被修改 *修复症状:输入法状态栏被隐藏 *宽带网络优化 *补丁检查程序更新到2004.04.15号,新增outlook/wmplayer/office补丁的检查. *修复症状:ie的...

    精易官方免费模块v3.60版

    3.修复“程序_重启”win8无效的问题 感谢会员 千年 的提醒和提供解决方案 1.完善“系统_以管理员模式创建进程”的备注 感谢会员 977945676 的提醒 2.完善“线程池1”,投递任务支持多个参数 感谢会员 小磊 进行代码...

    精易模块[源码] V5.15

    8、修正“编码_Utf8到Unicode”频繁操作导致内存泄漏的BUG,感谢易友【◆野蛮vE儿】反馈。 9、修正“目录_是否存在”,当存在无反缀文件时返回真的BUG,感谢易友【@飞灵】反馈。 10、新增“系统_信息框Ex”定时信息...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例112 解决用substr()函数对中文字符串截取时出现乱码的问题 143 实例113 字符串与HTML标记相互转换 144 实例114 运用PHP 5.0新型字符串输出XML数据 145 实例115 判断字符串中是否存在指定子串 146 2.9 正则表达式...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例112 解决用substr()函数对中文字符串截取时出现乱码的问题 143 实例113 字符串与HTML标记相互转换 144 实例114 运用PHP 5.0新型字符串输出XML数据 145 实例115 判断字符串中是否存在指定子串 146 2.9 正则表达式...

Global site tag (gtag.js) - Google Analytics