网页头部出现空白

转自: http://www.sealog.info/?post=3

昨天群里一朋友询问网页顶部一行空白无法去除的解决办法。常见的解决办法均不能解决问题。深入研究了下,总结几点以加强记忆。
一、没有正确使用margin设置边距,margin指的是空白长度,用于控制容器中的内容和容器边缘的距离。

view source

print?

1 <style type="text/css">
2 body{
3         padding: 0px;
4         margin: 0px;
5 }
6 </style>
二、人为疏忽,尤其在是脚本语言的源代码里多出了一行空白,解决办法自然是删掉空白行就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代码里应该使用 &copy; 来显示,如果直接在源代码粘贴这个符号,就会出问题,同样的问题还会有空格符等等。

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

网页头部出现空白

时间: 2024-10-03 23:04:35

网页头部出现空白的相关文章

link标签和script标签跑到body下面,网页顶部有空白

用UltraEdit的16进制编辑模式查看代码,都是EF BB BF开头的,说明都是带BOM的.我手动的将所有文件转成UTF-8 without BOM.页面终于正常了.link,script标签乖乖的跑到head下面,网页顶部空白消失.oh yeah.这就是搞了2天的答案. 最后我在网上随便下载了知名php程序的utf-8版,发现都是UTF-8 without BOM的. 那么我们继续回头看看出现问题的现象就有答案了.“锘匡豢”在页面头部出现多次的原因是首页处理文件index.php requ

chrome浏览器使用chrome://inspect调试app 网页,打开空白的问题

使用chrome浏览器,输入chrome://inspect可以调试android app里面的网页,如果inspect的时候,是空白, 那就在C:\Windows\System32\drivers\etc\hosts文件加入 61.91.161.217 chrome-devtools-frontend.appspot.com61.91.161.217 chrometophone.appspot.com

IE中打开title为中文UTF-8编码的网页会显示空白页

原因:这是由于IE解析网页编码时以HTML内的标签优先,而后才是HTTP header内的讯息:而mozilla系列的浏览器则刚刚相反.由于UTF-8为3个字节表示一个汉子,而普通的GB2312或BIG5是两个.页面输出时,由于上述原因,使浏览器解析.输出<title></title>的内容时,如果在</title>前有奇数个全角字符时,IE把UTF-8当作两个字节解析时出现半个汉字的情况,这时该半个汉字会和</title>的<结合成一个乱码字,导致I

WebView找不到网页,显示空白页问题解决

一.找不到网页 AndroidManifest.xml中的android:name="android.permission.INTERNET" />?权限写成大写的了 二.显示空白页 ?android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/web_view" 改成 ?android:layout_

h5移动端网页头部标签模板

从网上看到一个h5头部标签的模板,拷贝下来,留着以后用,嘿嘿 1 <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> 2 <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> 3 <head> 4 <!-- 声明文档使用的字符编码 --> 5 <meta charset='utf

常用网页头部meta标签收集和整理

< meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. --W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关

WIN7安装COGNOS8后配置IIS网站后,访问COGNOS站点网页一直显示空白,解决方法(转载)

今天我机器上(WIN7)安装了COGNOS8后,发现IIS里发布的网站访问出现了空白,再翻阅众多的帖子网友的回答中看到一丝希望,便照着做,果不然真的能成功. 方法如下: 进入:控制面板 - 卸载程序 - 打开或关闭Windows功能 如果访问任何不存在页面或页面出错时空白: Internet 信息服务 - 万维网服务 - 常见 HTTP 功能 - HTTP 错误 打勾 如果访问任何存在的页面时出现空白: Internet 信息服务 - 万维网服务 - 静态内容 打勾 然后单击“确定”即可.

第18天:京东网页头部制作

一.京东页面制作开始(头部)1.浮动的盒子宽度由内容定,不需要设置宽度2.绝对定位不占位置,相对定位占位置 3.不一定是子绝父相,还可能是子绝父绝,要根据情况来定.如果是子绝父绝,那父级的父级一定是相对定位. 二.中间分割线制作 给需要竖线的地方添加空的li,每个li设置类样式,设置宽高,背景色 刚开始做的也不多,目前进度如下:

(转)网页头部&lt;meta name=&quot;Robots&quot; 用法 &lt;meta&gt;系列用法.

有时候会有一些站点内容,不希望被ROBOTS抓取而公开.为了解决这个问题,ROBOTS开发界提供了两个办法:一个是robots.txt,另一个是The Robots META标签.1,<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">  默认是all其中的属性说明如下: 设定为all:文件将被检索,且页面上的链接可以被查询: 设定为none:文件将不被检索,且页面上的