`

IE打开UTF-8编码的页面出现空白页的问题解决

阅读更多

最近在做一个网站的时候,发现自己做的网页,在本机上打开能够显示,但一上传到服务器,再远程访问,用IE打开显示一片空白,用firefox打开又可以显示,觉得很奇怪,结果上google上一搜,原来早有人发现了这个问题了,特记录下来。

1、请看我网页的头部代码:

写道
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>欢迎进入深圳市贸易有限公司 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>

 这是我没有解决问题之前的html代码,其中的title标签写在了meta标签之前,这样就导致了空白页。

2、后来在网上搜索了下,发现在IE下打开UTF-8编码的网页时,IE会先获取到网页的编码格式,但因为<title>标签在<meta>标签之前,汉字在UTF-8中是三个字节表示,而在GB2312中是两个字节。所以IE在不知道编码方式的情况下,以默认的编码格式进行解析,解析出错,导致以下的部分都不能正常解析,所以就显示成空白页面了。

正确的排列顺序是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>欢迎进入深圳市贸易有限公司
</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>

 <meta>标签在前,<title>标签在后,这样IE在解析时,就不会找不到编码格式了。

分享到:
评论

相关推荐

    utf-8 网页不显示+utf-8网页乱码的通用解决方法

    由此造成某些含有中文UTF-8编码的页面产生空白输出。 如果使用的是Mozilla、Mozilla 浏览器、Sarafi的浏览器这不会造成这个问题。这是由于IE解析网页编码时以HTML内的标签优先,而后才是HTTP header内的讯息;而...

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

    值得注意的是,不只是UTF-8编码的页面可能出现这类问题,其他非UTF-8编码的页面也可能遇到类似问题,但由于大多数浏览器默认采用GBK编码,因此这类问题不太容易被察觉。 总结来说,这是一个关于浏览器兼容性、HTML...

    解决WebView通过URL加载H5界面出现空白的问题

    // 设置默认编码为UTF-8 webSettings.setLoadsImagesAutomatically(true); // 自动加载图片 webSettings.setJavaScriptEnabled(true); // 启用JavaScript webSettings.setSupportZoom(false); // 禁止内置缩放 ...

    LoadRunner脚本录制常见问题

    解决方法是在Vugen(Virtual User Generator,虚拟用户生成器)中,选择Tools &gt; Recording Options &gt; Advanced,然后勾选"Support Charset"并选择"UTF-8"作为编码格式。这样,LoadRunner就能正确处理包含中文字符的...

    HTML-CSS.md

    - `&lt;meta charset="UTF-8"&gt;`: 设置文档的字符编码。 - `&lt;title&gt;`: 定义文档的标题,显示在浏览器标签页的标题栏上。 - **主体内容** (`&lt;body&gt;`): 页面可见内容的容器。 ##### 2. HTML编写规范 - **嵌套规则**: ...

    js利用IE通过windowopen方式保存网页部分内容到本地

    charset=utf-8`,以确保内容正确编码。 3. **插入具体内容**:将需要保存的网页部分文本插入到新窗口的`&lt;body&gt;`标签内。这一步通常涉及到对原始页面内容的选择和提取,示例中的`a.innerText`表示从某个元素中获取...

    Unicode签名BOM引发的事故原因分析

    通常情况下,UTF-8编码的文本文件不需要使用BOM,因为UTF-8编码在设计上已经自包含编码信息。然而,某些文本编辑器或集成开发环境(IDE)在保存文件时可能会添加BOM,这是为了确保在没有明确声明编码信息的情况下,...

    CSS代码规范.pdf

    - 必须声明字符编码为UTF-8:`&lt;meta charset="UTF-8"&gt;`。 - 引入CSS和JavaScript文件时不指定type,因为它们默认是`text/css`和`text/javascript`。 5. **属性顺序**: - class -&gt; id -&gt; data-* -&gt; src/for/type...

    UBNT_无线网桥_M2-M5配置教程

    若登录后页面显示空白,应调整浏览器编码为UTF-8。 网桥设备配置过程中,重要的一步是设置网桥的IP地址。在两台网桥设备都需要配置时,应为它们设置不同的IP地址(例如***.***.*.**和***.***.*.**)。在此过程中,...

    ietools2.6.exe

    *修复症状:网页打开中文编码出现错误 *修复症状:ie默认关联设置被修改 *修复症状:输入法状态栏被隐藏 *宽带网络优化 *补丁检查程序更新到2004.04.15号,新增outlook/wmplayer/office补丁的检查. *修复症状:ie的...

    前端最强总结最全html.pdf

    - **字符集**:HTML通过`&lt;meta charset="UTF-8"&gt;`声明使用UTF-8字符集,它包括了世界上大多数的字符,是互联网上最常见的字符编码。 - **语义化标签**:HTML5引入了一系列新的语义化标签,用于更好地描述页面内容,...

    html文件head内部标记浅析(meta,link,base,body)

    charset=GB2312"&gt;` 指定文档的字符编码,如GBK或UTF-8,确保正确显示非英文字符。 4. 禁止缓存: `&lt;meta http-equiv="Pragma" content="no-cache"&gt;` 阻止浏览器缓存页面,确保每次访问都是最新的内容。 二、 ...

    javascript解决innerText浏览器兼容问题思路代码

    确保页面编码与服务器返回的编码一致,通常使用UTF-8,可以减少这类问题的发生。 5. **替代方案**:在某些特定情况下,可以考虑使用textContent属性,它在大多数浏览器中都有较好的兼容性,但不会保留元素的格式和...

    网桥的说明

    使用IE浏览器访问设备时,若页面显示为空白,需调整浏览器编码至UTF-8,或改用火狐浏览器登录。 - **功能与参数设置** - **无线模式**:根据应用场景选择“站”、“WDS”、“接入点”或“接入点WDS”等模式,对于点...

    精易官方免费模块v3.60版

    3.修复“程序_重启”win8无效的问题 感谢会员 千年 的提醒和提供解决方案 1.完善“系统_以管理员模式创建进程”的备注 感谢会员 977945676 的提醒 2.完善“线程池1”,投递任务支持多个参数 感谢会员 小磊 进行代码...

Global site tag (gtag.js) - Google Analytics