心情碎语:暂无碎语

您的位置:慕轲博客 >建站心得> 网站网页html页面顶部出现空白&65279的彻底解决办法!

网站网页html页面顶部出现空白&65279的彻底解决办法!

关于网站网页html页面顶部出现空白&65279的原因和解决办法,网上有人总结了很多方法,小慕在这里也贴出来供大家阅读。如果这些方法你都试过依然无法解决这个问题,那么你跳过网上的方法,直接看小慕下边总结的彻底解决办法。当然跳过网上提供的方法不用,直接用小慕的提供方法也是可以的。


小慕收集的网站上提供的原因和解决方法(这里不是小慕提供的方法):


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


<style type="text/css">
body{padding: 0px;margin: 0px;}
</style>


二、人为疏忽,尤其在是脚本语言的源代码里多出了一行空白,解决办法自然是删掉空白行就OK。
对于浏览器来说,源代码里回车符都不大会解释输出,但是偶尔也会出现源代码里的回车造成显示页面也换行的问题(linux和windows的回车符在文件编码中不同),这个问题就要注意一下代码的规范性。


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


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


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


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


如果以上这些都用过了,依然不能解决,那么看下边(下边是小慕提供的方法)


第一步:我把网站的全站css文件打开编辑找到body{...}修或者添加一句  font-size:0px; ,如下:


body{font-size:0px;}


当然小慕这里只是做个示范,大家千万不可直接复制粘帖,body{...}原来里边的东西不可以去除,你只要在里面添加  font-size:0px;  或者 把原来改成  font-size:0px;  即可。

第二步:然后我在body{...}下边添加如下代码:

.divc{font-size:14px;}


第三步:其实上边的代码位置无所谓啦,当然字体大小看具体情况!然后我打看公共模版文件,各个系统不一样,无论如何找到含有<body>标签的,基本上的的是header.php、header.htm或index.* 这些文件 ,本站的是:header.php文件,好了找到body标签,在他的下边添加如下代码:

<div class="divc">


第四步:保存上传到网站,然后修改 footer.php、footer.htm 或者 index.* 然后找到</body>在他的前边添加如下代码:

</div>


好了,到此结束,是不是很简单啊,现在可以刷新下页面,看看还有网页上边的空白吗?本文小慕原创,转载请注明出处!

---

转载请注明本文标题和链接:《网站网页html页面顶部出现空白&65279的彻底解决办法!