网页bug--UTF-8 网页莫名其妙地头部出现一行空白
2013-10-22 13:14
211 查看
许多时候 ,做好的网页在本地测试完全无误,但是再传到网络上就会莫名其妙地出现一行空白。
原因 就是文本编辑器对UTF-8编码的时候默认给文档头部加载了我们看不到的BOM。
具体描述:类 似WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(_0xEF _0xBB _0xBF,即BOM——Byte Order Mark)。它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件,这样并不会产生什么麻烦。但对于 PHP来说,PHP在设计时就没有考虑BOM的问题,不会忽略UTF-8编码的文件开头BOM的那三个字符,会把BOM作为该文件开头正文的一部分。由于必须在<?或者<?php后面的代码才会作为PHP代码执行,所以将会造成在页面上输出这三个字符,显示效果就要看浏览器了,一般是一个空行或是一个乱码。由于在html一开头有这3个字符的存在,即使页面的 top padding 设置为0,也无法让整个网页紧贴浏览器顶部。由于受COOKIE送出机制的限制,在这些文件开头已经有BOM的文件中,COOKIE无法送出(因为在 COOKIE送出前PHP已经送出了文件头),所以登入和登出功能失效。一切依赖COOKIE、SESSION实现的功能全部无效。
效果如下 :见图
处理方式
在编辑、更改任何文本文件时,请务必使用不会乱加BOM的编辑器。Linux下的编辑器应该都没有这个问题。WINDOWS下,请勿使用记事本等编辑器。 推荐的编辑器是:
Editplus 2.12版本以上;
EmEditor;
UltraEdit(需要取消‘添加BOM’的相关选项);
Dreamweaver(需要取消‘添加BOM’的相关选项);
Notepad(需要进行“转换为不带BOM的UTF-8”)等。
对于已经添加了BOM的文件,要取消的话,可以用以上编辑器另存一次。(Editplus需要先另存为gb,再另存为UTF-8。)
原因 就是文本编辑器对UTF-8编码的时候默认给文档头部加载了我们看不到的BOM。
具体描述:类 似WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(_0xEF _0xBB _0xBF,即BOM——Byte Order Mark)。它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件,这样并不会产生什么麻烦。但对于 PHP来说,PHP在设计时就没有考虑BOM的问题,不会忽略UTF-8编码的文件开头BOM的那三个字符,会把BOM作为该文件开头正文的一部分。由于必须在<?或者<?php后面的代码才会作为PHP代码执行,所以将会造成在页面上输出这三个字符,显示效果就要看浏览器了,一般是一个空行或是一个乱码。由于在html一开头有这3个字符的存在,即使页面的 top padding 设置为0,也无法让整个网页紧贴浏览器顶部。由于受COOKIE送出机制的限制,在这些文件开头已经有BOM的文件中,COOKIE无法送出(因为在 COOKIE送出前PHP已经送出了文件头),所以登入和登出功能失效。一切依赖COOKIE、SESSION实现的功能全部无效。
效果如下 :见图
处理方式
在编辑、更改任何文本文件时,请务必使用不会乱加BOM的编辑器。Linux下的编辑器应该都没有这个问题。WINDOWS下,请勿使用记事本等编辑器。 推荐的编辑器是:
Editplus 2.12版本以上;
EmEditor;
UltraEdit(需要取消‘添加BOM’的相关选项);
Dreamweaver(需要取消‘添加BOM’的相关选项);
Notepad(需要进行“转换为不带BOM的UTF-8”)等。
对于已经添加了BOM的文件,要取消的话,可以用以上编辑器另存一次。(Editplus需要先另存为gb,再另存为UTF-8。)
相关文章推荐
- [转]UTF-8网页中的头部部分多出一行空白
- 关于UTF-8编码导致网页解析出现空白的问题
- php页面用include引入header.php出现头部上边有一行空白
- 使用UTF-8编码后一些网页出现空白或乱码
- 网页中的头部部分多出一行空白
- 网页头部出现空白
- 缩小窗口时CSS背景图出现右侧空白BUG的解决方法
- php引入公用部分html出现了一行空白(原创)
- css 属性导致网页底部在IE10出现多余的空白
- 【转载】IE6 BUG 图片元素img下 高度超出 出现多余空白
- 莫名其妙的出现这个错,看了logcat 说是什么二进制xml错误啥的。。。 不过后来发现,这个一般都是给eclipse项目中添加图片等资源时出现的一些bug,看似添加到项目中,其实没有,或
- UTF-8网页不能自动选择编码的解决办法 页面出现白屏
- link标签和script标签跑到body下面,网页顶部有空白,UTF-8 BOM问题
- 为什么网页出现莫名其妙的广告?—— 使用 HTTPS 防止流量劫持
- 微信小程序 --- 点击图片预览出现编辑器空白BUG
- UITableView下拉 顶部出现64空白的Bug解决
- 关于width:100% 缩小窗口时 背景图片出现空白bug
- 消除HTML网页顶部的一行空白方法(火狐显示正常,谷歌head与body之间有未知代码)
- 关于连续打开多个包含WebView的Activity出现空白加载不出来的bug的解决方案
- 解决网页出现空白问题