UTF-8不能自动选择字符编码(iframe),页面输出空白
2011-05-22 23:49
295 查看
同事调试页面的时候发现如果IE没有选择自动编码,那么utf-8的有些页面会在IE下显示空白,即使你习惯性的加入了:<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
产生原因:
utf-8用3个字节表示一个汉字,而普通的gb2312或big5是2个。而恰巧IE在解析网页编码时以HTML内的标签为优先,然后再会解析Header内的内容,但FF等其他浏览器相反。正因为这样,当Title里有奇数个全角字符时,IE把utf-8当作两个字节解析时出现半个汉字的情况,这时该半个汉字会和</title>的<结合成一个乱码字,导致IE无法读完<title>部分,使整个页面为空白输出。
解决方案:
实际上很简单,把<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />放在<title></title>的前面即可。
他们如何:
Google:
<meta http-equiv=content-type content=”text/html; charset=UTF-8″>
<title>这里是中文 – Google 搜索</title>
Yahoo:
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>这里是中文_雅虎网页搜索</title>
转自:http://blog.52news.com/article.asp?id=1481
产生原因:
utf-8用3个字节表示一个汉字,而普通的gb2312或big5是2个。而恰巧IE在解析网页编码时以HTML内的标签为优先,然后再会解析Header内的内容,但FF等其他浏览器相反。正因为这样,当Title里有奇数个全角字符时,IE把utf-8当作两个字节解析时出现半个汉字的情况,这时该半个汉字会和</title>的<结合成一个乱码字,导致IE无法读完<title>部分,使整个页面为空白输出。
解决方案:
实际上很简单,把<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />放在<title></title>的前面即可。
他们如何:
Google:
<meta http-equiv=content-type content=”text/html; charset=UTF-8″>
<title>这里是中文 – Google 搜索</title>
Yahoo:
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>这里是中文_雅虎网页搜索</title>
转自:http://blog.52news.com/article.asp?id=1481
相关文章推荐
- UTF-8不能自动选择字符编码(iframe),页面输出空白
- UTF-8网页不能自动选择编码的解决办法 页面出现白屏
- 取消浏览器页面字符编码的自动选择后IE不能自动识别网页编码的问题解决
- 解决在IE浏览器中打开utf-8页面不能自动选择编码的问题
- 类型:NodeJs;问题:默认IE的编码为utf8;结果:IE不能自动选择UTF-8编码解决办法
- 解决:IE中不能自动选择UTF-8编码的解决方法
- IE不能主动识别UTF-8编码,导致空白页面的问题
- 解决UTF-8在IE中不能自动选择编码
- UTF-8在IE中不能自动选择编码的解决办法(utf8 网页在ie中自动编码乱码问题)
- utf-8编码页面在IE6下不能正常显示 打开时出现空白面页
- IE6不能主动识别UTF-8编码,导致空白页面的问题
- IE6不能主动识别UTF-8编码,导致空白页面的问题
- 页面设计 中英文输出 自动换行
- iframe的大小自动适应嵌入页面大小的代码
- 解决页面表格中长英文字符串不能自动换行的问题
- AndroidStudio如何从Design页面选择weight自动到Text对应页面
- 如果不能用var_dump输出到页面调试,可以用var_export调试
- 关于uchome页面不能被iframe调用的问题,已解决!
- 用JS控制Iframe自动适应页面的高度
- 为什么iframe的高度和宽度不能随内容而自动调节!