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

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1195
收藏 0 赞 0 分享
问题:
我博客编码是utf-8的。有时候打开页面是一片空白,刷新一下又正常了,但查看源文件又是完整的。在ie6和firefox下都正常,但是在ie7下偶尔会出现这样的情况。
一开始我怀疑是IDC的问题,后来又想到了js、css、页面结构等。偶然间我想到了编码。毕竟编码的问题已经不是一两次找过我麻烦了。
解决:
<title>脚本之家</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
交换一下顺序
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>LC'BLOG</title>
原因:
为什么只有ie7会出现这样的问题呢?这是由于ie7解析网页编码时以html内的标签优先,而后才是http header内的讯息,而mozilla系列的浏览器则刚刚相反。
由于utf-8编码的页面为3个字节表示一个汉字,而普通的gb2313或big5是两个。页面输出时,由于上述原因,使浏览器解析、输出<title></title>的内容时,如果在</title>前有奇数个全角字符时,ie7把utf-8当作两个字节解析时出现半个汉字的情况,这时该半个汉字会和</title>的"<"结合成一个乱码字,导致ie7无法读完<title>部分,使整个页面为空百输出。而这个时候如果察看源文件的话,会发现实际上整个叶面全部已经输出了。
因此最简单的解决办法是在网页文件的<head></head>标签中一定要把字符定义<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />放在<title></title>之前。
实际上,其他编码版本的也存在类似的问题,只是我们大家的浏览器默认编码都是 GBK 所以更不容易被察觉罢了。
更多精彩内容其他人还在看

HTML超出文本显示省略号...通过text-overflow实现

HTML超出文本显示省略号在一些新闻列表中还是比较常见的一种做法,其实很简单通过text-overflow便可实现,有需要的朋友可以参考下本文
收藏 0 赞 0 分享

DIV常用属性大全自己整理

div布局过程中会经常用到一些属性,本文整理了一些常用的和布局相关的属性,有需要的朋友可以参考下,希望对大家熟悉div常用属性有所帮助
收藏 0 赞 0 分享

html发送邮件通过Mailto简单实现

给客户的页脚的邮箱加上点击发送邮件功能,有简单的链接和复杂的链接,对于复杂链接有详细的参数说明,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

map标签的参数详细介绍及使用示例

map标签定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像,下面为大家介绍下map标签的使用,感兴趣的朋友可以了解下
收藏 0 赞 0 分享

IMG中UserMap的使用示例

usemap是标签的一个属性,用作指明所使用的图像地图名,接下来为大家介绍下UserMap的使用方法,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

html css js 实现Tab标签页示例代码

Tab标签想必大家并不陌生吧,是网页中使用的还是比较广泛的,本文利用html css js 实现个不错Tab标签页,喜欢的朋友可以学习下
收藏 0 赞 0 分享

html中br和br/的区别介绍

HTML中的规定是br空标签,没有结束符,但是在XHTML中,规定是br/开始标签后面紧跟结束标签,详细请了解本文
收藏 0 赞 0 分享

iframe 多层嵌套 无限嵌套 高度自适应的解决方案

有A,B,C三个页面,A页面包含B页面,B页面包含C页面.A页面随着B页面自适应,C页面随着B页面自适应,具体实现如下,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

src或者css背景图的url值为base64编码代码

base64简单地说,它把一些 8-bit 数据翻译成标准 ASCII 字符,网上有很多免费的base64 编码和解码的工具,目前,IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入
收藏 0 赞 0 分享

按钮与回车键关联的js代码

按钮与回车键如何关联,在本文有个不错的示例,感兴趣的朋友可以参考下,希望对大家有所帮助
收藏 0 赞 0 分享
查看更多