立即注册 登录
四叶口腔 返回首页

蒋密的个人空间 http://41kq.cn/?7 [收藏] [复制] [分享] [RSS]

日志

网页bug--UTF-8 网页莫名其妙地头部出现一行空白 解决方案

已有 571 次阅读2017-7-17 00:46 |个人分类:网络相关

许多时候 ,做好的网页在本地测试完全无误,但是再传到网络上就会莫名其妙地出现一行空白。

原因  就是文本编辑器对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。)

路过

鸡蛋

鲜花

握手

雷人

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 立即注册

QQ|Archiver|手机版|小黑屋|SIYE DENTAL  

GMT+8, 2019-5-21 16:36 , Processed in 0.069096 second(s), 18 queries .

Powered by SYE GROUP X3.2

Copyright © 2014-2015 Design: SYE GROUP

返回顶部