为什么html顶部有空白

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

因为你开始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

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

---