网页head内的数据移到body内,BOM问题和WordPress网页上部24px空白问题的解决

这几天发现网站上部总是多出一个24px的空白栏,找来找去找不出原因。开始想可能是css的问题,后来干脆把body的背景色设置成了黑色,这样和黑色顶栏融为一体,看着没这么扎眼。

昨天用百度的网站速度检测,提示css没放在head段内,跑到了body段内。引起浏览器二次渲染,影响加载速度。

看看源码都正常,但用浏览器按F12键看,确实有一个空白的<head></head>段,css和meta都被移到body后面去了。有人说是uft-8编码后的bom文件头引起的,php不处理bom文件头,引起浏览器出错。想来是我图简单,用windows自带的记事本改过php文件,用winhex打开改过的文件,发现文件头上确实多出了EF BB BF三个标记字符。删除后重新上传,发现问题还在,估计是因为用windows记事本改过的文件太多,有遗漏。于是用了 https://bbs.csdn.net/topics/380258641 这里的一段php代码,在服务器上跑了一遍,又找出两个带bom头的文件并自动修正。至此浏览器先出原始页面再重新渲染的问题消失,浏览器顶部多出的24px空白栏也不见了。网页恢复正常。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值