html页面顶部出现一段空白,检查控制台发现body 下出现字符,原因及解决办法
2024-04-07 00:45:29
html页面顶部出现一段空白,检查控制台发现body 下出现字符,原因及解决办法
分析:
原来是页面编码时增加了BOM,此页面后端数据主要是PHP语言,对PHP来讲PHP在设计时没有考虑BOM问题,，不会忽略UTF-8编码的文件开头BOM的那三个字符，会把BOM作为该文件开头正文的一部分。由于必须在<?或者<?php后面的代码才会作为PHP代码执行，所以将会造成在页面上输出这三个字符，显示效果就要看浏览器了，一般是一个空行或是一个乱码。由于在html一开头有这3个字符的存在，即使页面的 top padding 设置为0，也无法让整个网页紧贴浏览器顶部。由于受COOKIE送出机制的限制，在这些文件开头已经有BOM的文件中，COOKIE无法送出（因为在 COOKIE送出前PHP已经送出了文件头），所以登入和登出功能失效。一切依赖COOKIE、SESSION实现的功能全部无效。
解决办法:
在编辑、更改任何文本文件时，请务必使用不会乱加BOM的编辑器。linux下的编辑器应该都没有这个问题。WINDOWS下，请勿使用记事本等编辑器。
推荐的编辑器是：
1、UltraEdit（需要取消‘添加BOM’的相关选项）；
2、Dreamweaver（需要取消‘添加BOM’的相关选项）我是用这个解决的问题；
3、Notepad(需要进行“转换为不带BOM的UTF-8”)等；
4、对于已经添加了BOM的文件，要取消的话，可以用以上编辑器另存一次（Editplus需要先另存为gb，再另存为UTF-8。）。
最新文章
- 实验记录：Oracle redo logfile的resize过程
- Linux服务器磁盘扩展和oracle表空间文件迁移操作记录
- [UE4]Animation Techniques used in Paragon部分翻译及索引
- 利用WinPcap模拟网络包伪造飞秋闪屏报文
- mysql慢查询
- Windows Live Writer配置测试
- 【转】Nginx模块开发入门
- vim编辑器的设置文件
- 【Demo 0003】Android 事件
- Appium在手机浏览器使用滑屏Not yet implemented解决办法。
- shell脚本批量推送公钥
- 织梦dede文章列表调用标签的用法和规则
- openshift 容器云从入门到崩溃之八《日志聚合》
- Codeforces1076F. Summer Practice Report（贪心+动态规划）
- bat基础知识
- 面向对象编程其实很简单——Python 面向对象（初级篇）
- swiftlint 你所要知道的所有！！
- 默认的Sublime 3中没有Package Control
- Oracle与Sql server 在SQL上的不同
- TCP/IP协议、HTTP协议