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

找了半天,以为是自己写的代码问题原来是被编码格式坑了。当我百度了才知道原来是这样子的。

文件编辑的时候utf-8带了bom头。

这种编码方式一般会在windows操作系统中出现,比如记事本编辑器,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM)。

它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码。

对于一般的文件,这样并不会产生什么麻烦。

但对于html来说,BOM是个大麻烦。

因为浏览器在解析html页面时,并不会忽略BOM,所以在解析html文件时,会把BOM作为该文件开头正文的一部分,这串字符也将会被直接执行(在页面中并不显示)出来。由此造成即使页面的 top或者padding 设置为0,也无法让整个网页紧贴浏览器顶部,因为在html一开头有这3个隐藏字符!

解决方法:

或者用notepad++直接保存为utf-8无bom格式,然后覆盖原来的文件。

时间: 2024-12-05 15:17:48

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

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

模板文件生成html文件之后会在body开头处加入一个可见的控制符&#65279, 导致页面头部会出现一个空白行.原因是页面的编码是UTF-8 with BOM. 选择无BOM格式编码保存就行了. 原因抄录: 这种编码方式一般会在windows操作系统中出现,比如WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM).它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码.对于一般的

移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法

这两天自己在写一个手机网页,用到了触屏滑动的特效,就是往右滑动的时候左侧隐藏的菜单从左边划出来. 做完之后在手机原生浏览器中运行正常,但在QQ和微信中打开,发现touchmove只会触发一次,而且touchend也经常不触发. 之后百度了一下这个问题,原因是 主要是由于200ms超时导致内核不一定会一直处理touchmove事件,一旦超时会将后续所有的事件转交给UI处理,导致touchmove不会一直触发. 为了解决开发者需要,建议开发者在touchstart时调用event.preventDe

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”也可以解决.如本例中

项目部署到tomcat6.0启动成功后访问页面报500错误解决方法

如题:项目部署到tomcat6.0启动成功后访问页面报500错误解决方法,很奇葩,启动的时候没有任何问题,但输入访问地址后报500,去年国庆放假前夕,为这个问题伤神了半天最后解决了,今天又碰到了,乍一看摸不着头,后面仔细回想了下,迅速解决了问题. 原因:项目里面的jar和tomcat里面lib里面的jar重复了. 解决方法: 1.要么更换tomcat7或之后的版本,之后的版本就不会出现这个问题. 2.去部署之后的tomcat的webapps\项目名\WEB-INF\lib 里面删掉jsp-api

IIS开启伪静态后html静态页面无法访问的解决方法

IIS开启伪静态后,发现原本存在的html静态页面无法访问了,显示的404错误.网上查了下,是因为实现伪静态就是使用 URLRewriter 来映射后缀,会把asp等动态页面映射成html,但是原来存在的html静态页面也被定义的规则映射到其它页面了,所以找不到页面而无法访问. 有一个很简单的方法就是将html页面的后缀名改成htm,或者是把映射的规则改成映射为htm,总之就是把我们的伪静态页面和真正的静态页面分别用html和htm区分开来,但这只是治标不治本的方法. 最好的方法就是修改伪静态规

农行K宝不能使用 农行K宝导致光驱无法识别的解决方法

农行的K宝又不能用了 - 农行的K宝和IE8像是有仇似的 也不知道是驱动的原因还是IE的原因 反正经常性的无法识别这次的问题是:选择证书之后 提示无法连接 着手解决:先去农行网站 下载最新版的驱动 发现和我装的是一个版本 看来不是驱动的问题运行services.msc 查看Certificate Propagation服务和GP_CLT服务 也是启动状态 也不是服务的问题运行农行的客户端检测程序 告诉我"当前设置不影响网银使用" - -!这是怎么了--没办法了 进入PE 还原我前几天做

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

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

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

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

WordPress前台后台页面打开慢的解决方法

写个人网站用WordPress程序是一个不错的选择,但是目前安装之后速度很慢,后台配置页面半天打不开,在网上查了一下原来是Google被墙导致,WordPress默认模板会加载谷歌的open-sans字体,只要移除或者禁用此函数就可以了,一般我们不会用WordPress提供的默认模板,建议先选择好我们喜欢的模板,国内的模板一般都默认屏蔽谷歌字体服务,一般问题就解决了,如果速度还是很慢,解决方法如下: 打开模板目录/wp-content/themes/模板名称,目录下找到functions.php