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

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>之前的

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

相关帖子