请选择 进入手机版 | 继续访问电脑版

淘码站

 找回密码
 立即注册
搜索

HTML页面顶部出现空白部分(&#65279)字符的完美解决办法

[复制链接]
阿宝 发表于 2020-9-3 18:16:21 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
最近制作一套风格模板,发现父模板包含的一个子模板前边显示空行(视觉显示未空白)通过浏览器审查元素后发现字符页面头部出现#65279字符,通过查询资料了解到这原来是UTF-8的BOM的问题。

这个问题只会在chrome和edge浏览器出现。由于该HTML页面是由PHP解析模版生成的,因此先后排查了html模版文件、JavaScript文件、php文件,最后发现php文件存在BOM头。

UTF-8 + BOM编码方式一般会在windows操作系统中出现,比如WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM)。它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件,这样并不会产生什么麻烦。但对于 PHP来说,BOM是个大麻烦。因为PHP并不会忽略BOM,所以在读取、包含或者引用这些文件时,会把BOM作为该文件开头正文的一部分。根据嵌入式语言的特点,这串字符将被直接执行(显示)出来,即我们看到的(#65279)字符。

解决方法:

检查出现(#65279)字符的相关页面(php,html,css,js等),查看页面编码方式,如果是UTF-8 + BOM编码方式,则使用notepad++或其他工具存储为“UTF-8无BOM”即可解决。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|淘码站 ( 冀ICP备10006923号-17 )

GMT+8, 2022-9-25 10:48

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表