【zsuper】wordpress模板制作多出空白行,关于的解决办法

Posted by zhang on

准备给zusper.xyz做一个工作室模板,但是在将html模板转制到wordpress模板的过程,出现了顶部会多出一条白条,一开始以为是wordpress中wp_head函数造成的,但是根据搜索找到的资料,应该是自动生成的一段css代码造成的。

但使用Firebug进行搜索并没有发现相关生成的代码,反倒是出现了一个奇怪的字符串“”,以这串字符为关键字搜索了下发现,原来造成白条的原因是页面的编码是UTF-8 + BOM。

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

 

既然知道了事情的起因,那么解决起来也很简单,使用DW或者ultraedit另存一遍相关文件,编码格式选UTF-8(无BOM)就好了

wordpress
wordpress

#About Me

张小璋,野蛮生长成世界500强企业供应链金融产品经理的法语毕业生。微信公众号:张小璋碎碎念(ID: SylvainZhang )。
一直在互联网金融公司从事产品经理工作并负责互联网金融产品线,深耕互联网金融和区块链领域。「PMCAFF」、「人人都是产品经理」专栏作家、「PmTalk」签约作家。