Question

我在Chrome和Opera页面的标题上方出现了一个间隙，这打破了导航和页面的其他部分。请参阅here。

在重建我的网站之前我遇到了同样的问题，但是对于我的生活而言，我现在还记得问题是什么或者我做了什么来修复它...希望它不是太简单和明显的东西，如果是的话，请允许我提前道歉，但是尽管我付出了最大的努力，但是我觉得自己有点过于精神恍惚，甚至没有想到这一点，直到现在还没弄清楚。

我怀疑它可能与某个简单的PHP脚本有关，该脚本从根目录中随机加载index1.html或index2.html，因为如果您直接转到任一URL（即http://samnorris.co.nz/tesla/index2.html）问题不再明显......我不确定某种不可见的错误是在吐出来还是某些东西会破坏页面？

这是PHP脚本，它包含在根目录

中的index.php中

<?php
$randNumber = mt_rand(1,3);
if ( $randNumber == 1 )
{
    include 'index1.html';
}
else
{
    include 'index2.html';
}
?>

我已经检查了Chrome中的Web Inspector工具但是我不太熟悉知道如何正确解释它，似乎有一个与siriwave.js中的部分脚本有关的小错误 - 但是我并没有...认为它是相关的...

我有点失落，所以任何帮助都会受到赞赏！

Answer 1

http://samnorris.co.nz/tesla/index2.html和http://samnorris.co.nz/tesla/的回复不一样。

http://samnorris.co.nz/tesla/index2.html enter image description here

http://samnorris.co.nz/tesla/ enter image description here

由于<U+FEFF><U+FEFF>的存在整个已解析 HTML格式不正确http://samnorris.co.nz/tesla/

head中指定的代码显示在body内。 enter image description here

什么是注入这些<U+FEFF><U+FEFF>个额外字符？

Answer 2

好的，这次肯定解决了。似乎这是问题所在：http://wordpress.org/support/topic/weird-characters-inserted-before-doctype

与php文件中格式不正确的UTF编码有关...确实非常奇怪。

Answer 3

您应该尝试使用W3C Validator

<head></head>元素为空。您的meta，link标签位于您的头顶。

Chrome / Opera中标题分页上方的差距

3 个答案: