记一个神不知鬼不觉的顶部空白一行的破解办法

记一个神不知鬼不觉html生成页面的顶部空白一行的破解办法

对的 没有错，就是这个鬼东西，在家里把页面保存后莫名其妙的多出了一行，检查了元素没有加margin或者padding值，再检查body，也设置了 margin : 0; padding : 0；排除掉这两种会导致空白行的情况，完全没有第三个理由会有这个东西出现嘛！！

网上搜索了一圈没见到能解决的办法

终于！！皇天不负有心人！！找到了解决方法！！

原因就是

模板文件生成html后会在body开头加入一个可见的控制符；导致页面头部会出现一个空白行。原因是页面的编码是UTF-8 with BOM.

所以！选择无BOM格式编码保存就可以了。

我的编辑器是 文件 → 以...编码保存 → UTF-8

原因：

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