WordPress php顶部出现空白的解决办法

WordPress顶部出现空白的主要有两个原因,一个是使用PHP设计utf8编码的网页时,在windows使用默认的记事本编辑php源码,当你将*.php文件另存为utf-8编码格式的文件后,打开网页时,会在网页顶部出现一行空白;第二是给wordpress添加wp_header()之后使用chrome流浪器浏览在顶部出现空白,下面介绍一下解决方法:

WordPress添加wp_head()用chrome浏览顶部有空白解决办法

WordPress添加wp_head()后,自动添加一下代码:

<style type=”text/css” media=”screen”>

html {margin-top:28px !important}

*html body{margin-top:28px ! important}

</style>

使用chrome浏览器浏览wordpress头部可能有空白,就算已经*{margin:0;}了,还是可能出这个问题啊。
删除wp_head()后就好了,然而有点时候这个函数会用到。
其实解决的方法很简单:

在前加</body>前添加<?php wp_footer(); ?>

解决PHP设计UTF8网页顶部空白的问题

windows下识别uft8文件的方式是读取文件头部是否有utf8 BOM头:“/xEF/xBB/xBF”这三个字符,如果有BOM头就把该文件识别为utf8文件,否则识别为ANSI编码文件。
当网页文件头部包含“/xEF/xBB/xBF”时,IE就不能忽略这3个字符,但Firefox和chrome是可以忽略这些字符的,所以在Firefox和chrome浏览器下没有空白的行,而IE下则有。
解决方法很简单:

使用 Notepad++ 文本编辑软件,将utf-8文件转换为 无BOM头 的utf-8文件即可

Notepad++ 的下载地址:
[anyad]
[url]http://sourceforge.net/projects/notepad-plus/[/url]

人吐槽 人点赞

猜你喜欢

发表评论

用户名: 密码:
验证码: 匿名发表

你可以使用这些语言

查看评论:WordPress php顶部出现空白的解决办法