HTML页面顶部出现空白部分(#65279字符)

时间:2022-11-18 00:22:09
在之前进行的项目中,就出现一个问题,css样式都设置了边距为0,但仍然出现页面顶部有一部分空白。审查元素才发现是代码中莫名的多出了这样一个字符:#65279
HTML页面顶部出现空白部分(#65279字符)

查看很多解决办法,终于在一位大神的博客中了解到,原来是 UTF-8有BOM编码导致的,只需另存为无BOM格式即可解决。
解决办法比较简单:
使用编辑器(editplus,Dreamweaver)等编辑器,将编码方式转为UTF-8无编码方式储存。问题就解决啦!!!

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