body标签下莫名奇妙多了一行空行,原来是编码的问题

本文探讨了在网页开发中遇到的一个问题:保存文件时出现的无端空行及样式加载位置错误,并通过将文件保存为UTF-8格式解决了问题。文章分析了可能的原因并提供了解决方法。

之前为了方便,直接在服务器修改文件,然后点保存,但是问题来了,在顶部莫名奇妙多了一个空行,如图1

图1

原来在源代码编辑的代码如图2

图2

但是在FF或者Chrome外部样式却在body里面,而不是head里头,如图3

图3

再看看谷歌body里面却无端端多了一行空行,如图4

图4

同时,在FF查看源码却发现Head,body无端端变成红色,而其他页面除了第一行<html>标红色外,其他head,body为黑色,如图5

图5

解决方法:把这一页保存为UTF-8格式以上图片均显示正常

思考:出现这个问题的极有可能当初保存了UTF-8 with bom这种格式!

 

转载于:https://www.cnblogs.com/knowlege/p/3880532.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值