Discuz教程网

关于html中charset与<title>位置不同页面空白的问题及解决方法

[复制链接]
authicon dly 发表于 2012-2-25 16:22:53 | 显示全部楼层 |阅读模式
关于html标签中<meta http-equiv="content-type" content="text/html; charset=utf-8" />与<title>位置不同而引发的IE6下浏览器页面空白的问题及解决方案

今天一个老师找到我,说有一个奇怪的问题,有个网页打开是空白的,然后给了我URL地址,
用FIREFOX打开后页面显示是正常的,但是IE6下却不行,看了下正常显示与空白显示两种页面生成的HTML源代码,
发现了问题所在:
正常显示页面中的<head>标签中:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>我是标题</title>
而空白显示页面的<head>标签中:
<title>我是标题</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
两者文件编码都是UTF-8,是正常的,因此原因就很简单了,
因为IE6下在页面中<title>中如果有中文并且<meta http-equiv="content-type" content="text/html; charset=utf-8" />
在<title>之后的话,会显示空白,无法解析。
显而易见,在你声明页面编码之前就已经使用了中文,自然会引起二义性,有些浏览器不支持也是正常的

解决方案也很简单,调整顺序即可:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>我是标题</title>
希望对大家有帮助:)
PS:其实还是编码规范的问题,正常情况下,大部分IDE默认的HTML或者PHP模板页面中,
<meta http-equiv="content-type" content="text/html; charset=utf-8" />都是在<title>之前的



上一篇:解决 iframe 页面乱码(转)
下一篇:mogujiayuan.idcdo.tk申请免费空间
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-2 07:29

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表