如何消除网页顶部的一行空白(距网站顶部有一段距离)

网页顶部一行空白无法去除的解决办法(以前是正常的,但是现在访问有一行空白的距离)这种情况一般是由于bom头引起的!常见的解决办法均不能解决问题。深入研究了下,总结几点以加强记忆。ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

一、没有正确使用margin设置边距,margin指的是空白长度,用于控制容器中的内容和容器边缘的距离。ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂
ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

1 <styletype="text/css">
2 body{
3        padding: 0px;
4        margin: 0px;
5 }
6 </style>
二、人为疏忽,尤其在是脚本语言的源代码里多出了一行空白,解决办法自然是删掉空白行就OK。ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂
ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂
对于浏览器来说,源代码里回车符都不大会解释输出,但是偶尔也会出现源代码里的回车造成显示页面也换行的问题(linux和windows的回车符在文件编码中不同),这个问题就要注意一下代码的规范性。

 ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

三、编码问题。  类似WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(_0xEF _0xBB  _0xBF,即BOM——Byte Order  Mark)。它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件,这样并不会产生什么麻烦。但对于 PHP来说,PHP在设计时就没有考虑BOM的问题,不会忽略UTF-8编码的文件开头BOM的那三个字符,会把BOM作为该文件开头正文的一部分。  由于  必须在<?或者<?php后面的代码才会作为PHP代码执行,所以将会造成在页面上输出这三个字符,显示效果就要看浏览器了,一般是一个空行  或是一个乱码。由于在html一开头有这3个字符的存在,即使页面的 top padding 设置为0,也无法让整个网页紧贴浏览器顶部。此问题除了能使网页莫名出现一行空白外  ,由于受COOKIE送出机制的限制,在这些文件开头已经有BOM的文件中,COOKIE无法送出(因为在 COOKIE送出前PHP已经送出了文件头),所以登入和登出功能失效。一切依赖COOKIE、SESSION实现的功能全部无效。解决办法:  在编辑、更改任何文本文件时,请务必使用不会乱加BOM的编辑器。Linux下的编辑器应该都没有这个问题。WINDOWS下,请勿使用记事本等编辑器。推荐的编辑器是: Editplus 2.12版本以上; EmEditor; UltraEdit(需要取消‘添加BOM’的相关选项); Dreamweaver(需要取消‘添加BOM’的相关选项); Notepad(需要进行“转换为不带BOM的UTF-8”)等。 对于已经添加了BOM的文件,要取消的话,可以用以上编辑器另存一次。(Editplus需要先另存为gb,再另存为UTF-8。)ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

 ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

四、js代码的影响  。在网页中一些广告引入js或者某些输出内容的js代码,可能引起网页顶部空白的问题。解决办法就是采用轮流去掉js的方法找出有问题的js代码,然后修改。ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

 ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

五、特殊字符的影响。  复制粘贴文本(尤其从Word粘贴)时可能有一些特殊的字符造成浏览器显示出错,例如版权符,在HTML代码里应该使用 &copy; 来显示,如果直接在源代码粘贴这个符号,就会出问题,同样的问题还会有空格符等等。ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

 ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

六、脚本语言函数存在的问题  。可能是程序里哪个函数哪个类无意中输出的错误,这个错误要检查一下代码。ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

大多数情况下是bom引起的,上传到空间访问即可解决问题ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

<?phpogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

if (isset($_GET['dir'])){ //设置文件目录ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

$basedir=$_GET['dir'];ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

}else{ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

$basedir = '.';ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

}ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

$auto = 1;ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

checkdir($basedir);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

function checkdir($basedir){ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

if ($dh = opendir($basedir)) {ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

  while (($file = readdir($dh)) !== false) {ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

   if ($file != '.' && $file != '..'){ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

    if (!is_dir($basedir."/".$file)) {ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

     echo "filename: $basedir/$file ".checkBOM("$basedir/$file")." <br>";ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

    }else{ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

     $dirname = $basedir."/".$file;ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

     checkdir($dirname);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

    }ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

   }ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

  }ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

closedir($dh);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

}ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

}ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

function checkBOM ($filename) {ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

global $auto;ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

$contents = file_get_contents($filename);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

$charset[1] = substr($contents, 0, 1);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

$charset[2] = substr($contents, 1, 1);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

$charset[3] = substr($contents, 2, 1);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

if (ord($charset[1]) == 239 && ord($charset[2]) == 187 && ord($charset[3]) == 191) {ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

  if ($auto == 1) {ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

   $rest = substr($contents, 3);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

   rewrite ($filename, $rest);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

   return ("<font color=red>BOM found, automatically removed._<a href=http://www.yeetech.com>http://www.yeetech.com</a></font>");ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

  } else {ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

   return ("<font color=red>BOM found.</font>");ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

  }ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

}ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

else return ("BOM Not Found.");ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

}ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

function rewrite ($filename, $data) {ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

$filenum = fopen($filename, "w");ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

flock($filenum, LOCK_EX);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

fwrite($filenum, $data);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

fclose($filenum);ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

}ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

?>ogm 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

 

扫一扫手机访问