简述：

今天修改一个网站时发现页面里出现了一些问题，最直接的体现是页面顶部出现了空行，打开F12查找问题时发现head标签和body标签不太正常，并且出现这样的字符，但查找相应的PHP文件发现一切正常，并没有多出的字符和错误的标签。如下图所示：

原因:

模板文件生成html文件之后会在body开头处加入一个可见的控制符&#65279，导致页面头部会出现一个空白行。原因是页面的编码是UTF-8 + BOM。这种编码方式一般会在windows操作系统中出现，比如WINDOWS自带的记事本等软件，在保存一个以UTF-8编码的文件时，会在文件开始的地方插入三个不可见的字符（0xEF 0xBB 0xBF，即BOM）。它是一串隐藏的字符，用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件，这样并不会产生什么麻烦。但PHP并不会忽略BOM，所以在读取、包含或者引用这些文件时，会把BOM作为该文件开头正文的一部分。根据嵌入式语言的特点，这串字符将被直接执行（显示）出来。由此造成即使页面的 top padding 设置为0，也无法让整个网页紧贴浏览器顶部，因为在html一开头有这3个隐藏字符&#65279！

解决办法:

以Visual Studio Code编辑器为例：在编辑器右下角查找上图所示的编码格式，将格式转为UTF-8（ 无dom格式 ）即可。