IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

html页面里的幽灵空行――UTF8Bom

SourceJoy 2011-06-02 13:36:37 累计浏览 5,489 次
本机暂存

相信很多玩web的朋友都遇到过一种情况,HTML代码里面没有多出的行,带页面显示的时候,莫名其妙多出了一个空格或多余的行,搞半天也无解。怎么回事呢?
下图是出现前面说的情况后用firebug看到的HTML代码。
原图已失效
图1

里面莫名其妙多出了一个空白行,而我们看源代码里面却没有。

这就是utf8的bom在作怪了。说到这估计很多人也会发现,这个问题基本上都是出现在UTF8编码的页面里。

UTF-8 BOM也叫UTF-8 签名,全称Byte Order Mark,字节排序标记?

这玩意对UFT-8没有作用,只是告诉编辑器当前文件采用何种编码,方便编辑器识别,BOM虽然在编辑器中不显示,但是会产生输出,就像多了一个空行。

这就是出现幽灵空行的原因。
找出原因就好办事了。
把出现空行的文档另存没没有BOM的格式就行了。

下图是ultraedit保存文档时的编码格式:
原图已失效
图2

选择里面的UTF8-无BOM,一切解决!

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. 程序员技术练级攻略 (累计阅读 35,471)
  2. 各公司对前端开发的职位描述 (累计阅读 10,405)
  3. Hello! 404 (累计阅读 9,384)
  4. 浏览器的渲染原理简介 (累计阅读 8,377)
  5. iframe里src="about:blank"的问题。 (累计阅读 8,088)
  6. 优雅绝妙的Javascript跨域问题解决方案 (累计阅读 8,067)
  7. 程序员眼里IE浏览器是什么样的 (累计阅读 8,011)
  8. 2010网页设计趋势 (累计阅读 7,818)
  9. 前端必须熟悉的10个CSS3属性 (累计阅读 7,718)
  10. Web前端工程师编程能力飞升之路 (累计阅读 7,691)