html怎样去除顶部的空白,如何消除网页顶部的一行空白?

昨天群里一朋友询问网页顶部一行空白无法去除的解决办法。常见的解决办法均不能解决问题。深入研究了下，总结几点以加强记忆。

一、没有正确使用margin设置边距，margin指的是空白长度，用于控制容器中的内容和容器边缘的距离。

1

2

body{

3

padding: 0px;

4

margin: 0px;

5

}

6

二、人为疏忽，尤其在是脚本语言的源代码里多出了一行空白，解决办法自然是删掉空白行就OK。

对于浏览器来说，源代码里回车符都不大会解释输出，但是偶尔也会出现源代码里的回车造成显示页面也换行的问题(linux和windows的回车符在文件编码中不同)，这个问题就要注意一下代码的规范性。

三、编码问题。  类似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。)

四、js代码的影响  。在网页中一些广告引入js或者某些输出内容的js代码，可能引起网页顶部空白的问题。解决办法就是采用轮流去掉js的方法找出有问题的js代码，然后修改。

五、特殊字符的影响。  复制粘贴文本(尤其从Word粘贴)时可能有一些特殊的字符造成浏览器显示出错，例如版权符，在HTML代码里应该使用 © 来显示，如果直接在源代码粘贴这个符号，就会出问题，同样的问题还会有空格符等等。

六、脚本语言函数存在的问题  。可能是程序里哪个函数哪个类无意中输出的错误，这个错误要检查一下代码。

(此图片来源于网络，如有侵权，请联系删除! )

织梦58(www.dede58.com 专注织梦好模板)

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

本站vip会员 请加入织梦58 VIP②群 PS:加入时备注用户名或昵称

普通注册会员或访客 请加入织梦58 技术交流②群