页面body元素&#65279导致顶部空白一行解决方法

模板文件生成html文件之后会在body开头处加入一个可见的控制符&#65279，

导致页面头部会出现一个空白行。原因是页面的编码是UTF-8 with BOM。

选择无BOM格式编码保存就行了。

原因抄录：

这种编码方式一般会在windows操作系统中出现，比如WINDOWS自带的记事本等软件，在保存一个以UTF-8编码的文件时，会在文件开始的地方插入三个不可见的字符（0xEF 0xBB 0xBF，即BOM）。它是一串隐藏的字符，用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件，这样并不会产生什么麻烦。但对于 PHP来说，BOM是个大麻烦。因为PHP并不会忽略BOM，所以在读取、包含或者引用这些文件时，会把BOM作为该文件开头正文的一部分。根据嵌入式语言的特点，这串字符将被直接执行（显示）出来。由此造成即使页面的 top padding 设置为0，也无法让整个网页紧贴浏览器顶部，因为在html一开头有这3个隐藏字符&#65279！

来源：CaleHsieh

时间： 2024-12-21 00:08:53

页面body元素&#65279导致顶部空白一行解决方法的相关文章

&#65279导致页面顶部空白一行解决方法

找了半天,以为是自己写的代码问题原来是被编码格式坑了.当我百度了才知道原来是这样子的. 文件编辑的时候utf-8带了bom头. 这种编码方式一般会在windows操作系统中出现,比如记事本编辑器,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM). 它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码. 对于一般的文件,这样并不会产生什么麻烦. 但对于html来说,BOM是个大麻烦. 因为浏览器在解析html页

img标签下多余空白BUG解决方法

在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的 对于该问题的解决方法也是“见机行事”. 1.将图片转换为块级对象 即,设置img为“display:block;”.在本例中添加一组CSS代码:“#sub img {display:block;}”. 2.设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”也可以解决.如本例中

maven的jetty插件提示No Transaction manager found导致启动慢的解决方法

本文出处:http://blog.csdn.net/chaijunkun/article/details/37923905,转载请注明.由于本人不定期会整理相关博文,会对相应内容作出完善.因此强烈建议在原始出处查看此文.在使用maven开发web项目极大地方便了jar包的依赖,在测试时也可以集成Servlet容器,从启动速度和量级上看,Jetty无疑是不二选择,然而从8.x开始,如果你的web项目中不包含数据库访问(或者说没有事务管理器)的话,在其启动时会提示找不到事务管理器,输出信息如下: o

Myeclipse中文件已经上传到服务器目录下，文件也没有被占用，但是页面中无法读取和使用问题的解决方法

这个问题是由于Myeclipse中文件不同步引起的.在Myeclipse中,工程文件是由Myeclipse自动扫描添加的,如果在外部修改了工程目录中的文件但又关闭了自动刷新功能,则会引起文件不同步.此外,在外部没有修改Myeclipse工程中的文件也有可能引起该问题. 解决方法: 有两种解决方法: 1)手动刷新.即在Myeclipse的工程目录中,右键refresh(或者按下F5). 2)配置Myeclipse的选项: a)Myeclipse启动时,刷新workspace,即勾选:window-

JavaScript页面刷新与弹出窗口问题的解决方法

1. [代码][JavaScript]代码     ?一.无提示刷新网页 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新.而有的页面不会提示,不弹出提示窗口,直接就刷新了. 如果页面没有form,则不会弹出提示窗口. 如果页面有form表单,  a)< form method="post" ...> 会弹出提示窗口  b)< form method="get" ...> 不会弹出 二.javascript刷新页面

inline-block元素的空白间距解决方法

方法1 <ul><li>item1</li><li>item2</li><li>item3</li><li>item4</li><li>item5</li></ul> 更新:全兼容的样式解决方法 经过高人指点,使用纯CSS还是找到了兼容的方法,就是在父元素中设置font-size:0,用来兼容chrome,而使用letter-space:-N px来兼容safar

关于exchange 2013输入账号密码后owa空白页解决方法

为了表示我不坑,所以还是分享一点东西出来下. 最近在帮客户做升级exchange 2010只2013的,期间出了几个问题,有机会在分享.今天讲一下困扰了我几天的问题.就是登陆owa的时候,输入账号密码之后整个页面都空白了,什么都没有的情况. 第一种: ECP页面登录之后整个页面空白了,这个估计见到的人都会吓一跳的,EAC都进不去了,还怎么看服务器的问题啊. 这种情况的,会让普通用户连owa都无法登陆,也就是说,无法通过网页登陆邮箱跟eac界面了. 解决方法: 1  开始--管理工具--iis管理

打开 chm 帮助文件显示空白及解决方法

有个很奇葩的解决方法:把 chm 文件用压缩软件压缩,然后用压缩软打开此压缩包,直接双击压缩包里面的 chm 文件 这虽然解决了问题,但是这不科学…… 分析:直接打开压缩包里面的文件,压缩包的文件是临时解压到系统的临时文件夹的,那么这个应该是权限问题导致在其他盘打开 chm 文件一片空白 知道原因了就好办,解决方法:右键点击 chm 文件,选择属性,然后看下图,点击“解除锁定”即可(图中我已经点击过了,所以变成灰色)

Chrome调试WebView时Inspect出现空白的解决方法(使用离线包不Fan墙）

起因 使用HTML5开发Android应用时,少不了调试WebView.做前端的还是习惯Chrome的开发者工具,以前都是输入Chrome://inspect就可以调试WebView了,太方便了. 最近老是出现空白页面,各种搜索,最后还是Fan墙解决了.好在翻一次能用一段时间,郁闷的是当你需要调试的时候,又空白了. 而且最近不好翻了,大多数都收费了,而且是按月收费.对我来说太浪费了,一年下来也要花不少银子. 要是有离线包就好了,一劳永逸地解决这个问题! 解决方法 最后终于找到了解决方法:离线开发