为什么html顶部有空白

html-css0102

为什么html顶部有空白,第1张

很抱歉,因为没看到的你代码,所以开始随便说了几个方法,但是肯定是对的。现在修改回答你。

因为你开始style样式表只写了body,html标签的Margin和padding为0,

P是只带marign和padding属性的,所以,你应该这样写。

你的P 类名为class="title", 那么 你需要在在style增加样式.title{margin:0 padding:0}

这样就不会用白色的外边距了。

一个看起来正常的 html 文件,在网页中显示不正常,顶部有留白(body 相应的 margin、border 和 padding 已经 clear 过),检查源码发现 head 中的 <link>、<script>等全部跑到了 body 中。

1、某个标签没写完整:这个编译器一般都会有提示,不过网络上有人遇到过这种情况,所以也放在这;

2、编码问题。

用 Notepad++ 看了一下编码,果然是存在 BOM 的问题,选择“使用 UTF-8 编码”立马恢复正常(原先选的是第三个):

1.php中用smarty模板生成的html在浏览器中顶部有一空行.

2.用firedebug发现

meta和link标记在body标签里.

本机上wmap运行没事,

送到远程服务器上是IASP的服务,

会出现上述bug.

看了下源文件,

文本一样的.

但保存时提示编码问题.估计是utf-8问题了.

在网上找了下,

是utf-8

BOM问题.

解决方法:

用UltraEdit32把smarty模板文件即引用的模板文件(如include的header,footer等文件)全另存为无BOM的utf-8文件.

其它补充说明:

页面采用UTF8编码,头部和尾部用了模板包含文档的method,结果头部和尾部无端端各多出一个约10px的空行,什么也没有。

原因是全部采用utf8编码,包含文档的时候,最后的二进制流中包含了多次UTF8

BOM标记,IE不能正常解析包含多个UTF8

BOM

标记的页面,直接替换成实际显示的回车,这样导致一个空行,而firefox却没有这个问题。

故如果模板采用包含的method包含多个utf8文档需要用ultraedit保存时另存为功能

选择utf8

无bom格式保存即可。

另外,如果中文页面在html

head标记中将title标记放在<meta

http-equiv=”Content-type”

Content=”text/html

Charset=UTF-8″

/>前面会导致页面空白。

所以utf8页面应该使用标准顺序

复制代码

代码如下:

<meta

http-equiv=”Content-type”

Content=”text/html

Charset=UTF-8″

/>

<meta

http-equiv=”Content-language”

Content=”zh-CN”

/>

<meta

name=”robots”

Content=”index,follow”

/>

<meta

name=”keywords”

Content=”"

/>

<meta

name=”desCription”

Content=”"

/>

<meta

name=”rating”

Content=”general”

/>

<meta

name=”author”

Content=”"

/>

<meta

name=”Copyright”

Content=”"

/>

<meta

name=”generator”

Content=”"

/>

<title></title>

BOM头:\xEF\xBB\xBF,PHP脚本4、5尚对BOM无视,所以在解析前直接输出。

对此

w3.org

标准

FAQ

中对此问题有一个专门的描述:

www.w3.org/International/questions/qa-utf8-bom

具体如下:

在UCS

编码中有一个叫做”ZERO

WIDTH

NO-BREAK

SPACE”的char,它的编码是FEFF。而FFFE在UCS中是不存在的char,所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前,先传输

char”ZERO

WIDTH

NO-BREAK

SPACE”。这样如果接收者收到FEFF,就表明这个字节流是Big-Endian的;如果收到FFFE,就表明这个字节流是Little-

Endian的。因此char”ZERO

WIDTH

NO-BREAK

SPACE”又被称作BOM。

UTF-8不需要BOM来表明字节顺序,但可以用BOM来表明编码方式。char”ZERO

WIDTH

NO-BREAK

SPACE”的UTF-8编码是EF

BB

BF。所以如果接收者收到以EF

BB

BF开头的字节流,就知道这是UTF-8编码了。

Windows就是使用BOM来标记文本文档的编码方式的操作Systam:

WindowsXP

Professional

,

缺省char集:中文

1)

notepad

可以自动识别出没有带

bom

utf-8

编码格式文档,但不可以控制保存文档时是否添加

bom

如果保存文档,那么会统一添加

bom

2)editplus

不能自动识别出没有

bom

utf-8

编码格式文档,文档保存时,选择UTF-8

格式,不会在文档头写上

BOM

header.

3)

UltraEdit

对于char编码的功能最为强大,

可以自动识别带

bom

和不带

bom

utf-8

文档

(可以配置)

保存的时候可以通过配置选择是否添加

bom.

(特别需要注意的是,保存一个新建立的文档时,需要选择另存为

utf-8

no

bom

格式)

后来发现

Notepad

++

也对于

utf-8

bom

支持比较好,推荐大家使用。