• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > ie7打开页面有源文件但页面空白问题的解决方法

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含ie7,源文件,页面空白等相关知识,佚名 希望在学习及工作中可以帮助到您
问题:
我博客编码是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 所以更不容易被察觉罢了。

您可能想查找下面的文章:

  • 让IE8启动IE7兼容模式的代码
  • 设置IE8使用IE7的样式的代码
  • ie7打开页面有源文件但页面空白问题的解决方法

相关文章

  • 2017-08-24HTML表单(HTML Form)中get 和post 的区别
  • 2017-08-05定义内联元素span的最小高度问题
  • 2017-08-05可以让IE假死的HTML代码
  • 2017-08-05202个免费的高质量XHTML模板(2)
  • 2017-08-05网站超级链接的打开方式探讨
  • 2017-08-05如何减少网页的内存使用与CPU占用
  • 2017-08-05meta标签详解(meta标签的作用)
  • 2017-08-05HTML标签语义化的介绍
  • 2017-08-21HTML和XML的区别·
  • 2017-08-05html中div不自动换行、强制不换行的具体实现

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网页中回车后form自动提交跳到其他页面的解决方法
    • html页面中常用的一些小方法整理
    • 用html的ul和li标签做图片展示功能示例代码
    • 网页制作 TD也可以溢出隐藏显示
    • 关闭IE启用图片工具列
    • 固定 table宽度 table-layout: fixed
    • margin-top负值解决label 文字与input 垂直居中对齐问题
    • html在消息按钮上增加数量角标的实现代码
    • 为什么使用DOCTYPE HTML
    • 5种方法快速去掉HTML中Inline-Block的空白

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有