首页 > 代码库 > chrome浏览器下页面顶部出现一条空白解决
chrome浏览器下页面顶部出现一条空白解决
最近遇到页面在chrome浏览器下，顶部会出现一条空白的问题。后来知道是bom头的问题。
1.什么是bom头？
BOM签名的意思就是告诉编辑器当前文件采用何种编码,方便编辑器识别,但是BOM虽然在编辑器中不显示,但是会产生输出,就像多了一个空行。 一般的编码集中并不会出现bom头，unicode编码集中会出现。
类似WINDOWS自带的记事本等软件，在保存一个以UTF-8编码的文件时，会在文件开始的地方插入三个不可见的字符（0xEF 0xBB 0xBF，即BOM）。它是一串隐藏的字符，用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件，这样并不会产生什么麻烦。但对于 PHP来说，BOM是个大麻烦。
PHP并不会忽略BOM，所以在读取、包含或者引用这些文件时，会把BOM作为该文件开头正文的一部分。根据嵌入式语言的特点，这串字符将被直接执行（显示）出来。由此造成即使页面的 top padding 设置为0，也无法让整个网页紧贴浏览器顶部，因为在html一开头有这3个字符呢！
参考：http://blog.sina.com.cn/s/blog_6ec912d80101btcl.html
2.解决方法
a . editplus去BOM头的方法
编辑器调整为UTF8编码格式后，保存的文件前面会多出一串隐藏的字符（也即是BOM），用于编辑器识别这个文件是否是以UTF8编码。
运行Editplus，点击工具，选择参数设置，选中文件，默认编码utf-8.或文件另存为，编码选择utf-8.
运行Editplus，点击工具，选择参数设置，选中文件，默认编码utf-8.或文件另存为，编码选择utf-8.
b. Notepad去除bom头办法
打开文件后，编码里选择utf-8无BOM格式编码，确定就ok了。
不积跬步无以至千里，加油
chrome浏览器下页面顶部出现一条空白解决
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。