UTF-8 BOM 可能导致样式错乱的解决方法

 更新时间:2009年06月13日 19:31:30   作者:  
utf-8 是一种在web应用中经常使用的一种 unicode 字符的编码方式,使用 utf-8 的好处在于它是一种变长的编码方式,对于 ANSII 码编码长度为1个字节,这样的话在传输大量 ASCII 字符集的网页时,可以大量节约网络带宽。

使用 utf-8 编码来编写网页的时候, 往往会因为 bom (Byte Order Mark) 的问题,导致网页中经常出现一些不明的空行或者乱码字符。 这些都是因为 utf-8 编码方式对于 bom 不是强制的。因此 utf-8 编码在保存文件的时候,会出现不同的处理方式。比如有的浏览器(FireFox)可以自动过滤掉所有 utf-8 bom , 有的 (IE) 只能过滤掉一次 bom (为什么是一次? 当你出现 Include 多次文件时就会碰上这个问题了)。


使用editplus或其他编辑器删除掉文件中的BOM签名,重新刷新页面,样式正常了。

在这里找到一段关于BOM的说明,也许可以帮助你理解:

在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符,它的编码是FEFF。而FFFE在UCS中是不存在的字符,所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前,先传输字符"ZERO WIDTH NO-BREAK SPACE"。这样如果接收者收到FEFF,就表明这个字节流是Big-Endian的;如果收到FFFE,就表明这个字节流是Little-Endian的。因此字符"ZERO WIDTH NO-BREAK SPACE"又被称作BOM。

UTF-8不需要BOM来表明字节顺序,但可以用BOM来表明编码方式。字符"ZERO WIDTH NO-BREAK SPACE"的UTF-8编码是EF BB BF。所以如果接收者收到以EF BB BF开头的字节流,就知道这是UTF-8编码了。

Windows就是使用BOM来标记文本文件的编码方式的。

...

UTF-8编码的文件中,BOM占三个字节。如果用记事本把一个文本文件另存为UTF-8编码方式的话,用UE打开这个文件,切换到十六进制编辑状态就可以看到开头的FFFE了。这是个标识UTF-8编码文件的好办法,软件通过BOM来识别这个文件是否是UTF-8编码,很多软件还要求读入的文件必须带BOM。可是,还是有很多软件不能识别BOM。我在研究Firefox的时候就知道,在Firefox早期的版本里,扩展是不能有BOM的,不过Firefox 1.5以后的版本已经开始支持BOM了。现在又发现,PHP也不支持BOM。

PHP在设计时就没有考虑BOM的问题,也就是说他不会忽略UTF-8编码的文件开头BOM的那三个字符。由于必须在<?或者<?php后面的代码才会作为PHP代码执行,所以这三个字符将会直接输出。如果插件的文件有这个问题,将会导致在后台页面里激活或者不激活插件后显示白屏,如果是模版文件有这个问题,将会导致这三个字符直接输出,造成页面上方有一个小空行。国外的英文插件和模版一般都是用的ASCII码的编码方式,不会有BOM,只有国内的插件和模版会由于作者的不知情造成问题。还有,大家修改模版的时候,由于输出页面使用UTF-8编码,那么修改模版的时候如果有加入中文字符的话,必须把文件转成UTF-8编码才能正常显示,这个时候如果所使用的编辑器自动加上了BOM的话,将会造成在页面上输出这三个字符,显示效果就要看浏览器了,一般是一个空行或是一个乱码。

相关文章

  • git 报错:OpenSSL SSL_read: Connection was reset, errno 10054 解决方法

    git 报错:OpenSSL SSL_read: Connection was&

    这篇文章主要介绍了git 报错:OpenSSL SSL_read: Connection was reset, errno 10054 解决方法,涉及git配置信息及缓存相关操作技巧,需要的朋友可以参考下
    2023-04-04
  • 文章中优酷视频全屏及去除广告在线转换

    文章中优酷视频全屏及去除广告在线转换

    很多网站发表了引用优酷视频不能全屏,或一点全屏又跳到官方网了,结果又要重新缓冲。用户体验特别不好。
    2010-09-09
  • git 多账户配置完整实现过程详解

    git 多账户配置完整实现过程详解

    这篇文章主要为大家介绍了git 多账户配置完整实现过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 使用VSCode如何从github拉取项目的实现

    使用VSCode如何从github拉取项目的实现

    这篇文章主要介绍了使用VSCode如何从github拉取项目的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 知识蒸馏联邦学习的个性化技术综述

    知识蒸馏联邦学习的个性化技术综述

    这篇文章主要为大家介绍了知识蒸馏联邦学习的个性化技术综述,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-05-05
  • windows下gitbash安装教程(小白教程)

    windows下gitbash安装教程(小白教程)

    这篇文章主要介绍了windows下gitbash安装教程(小白教程),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • Git基础学习之分支基本操作详解

    Git基础学习之分支基本操作详解

    这篇文章主要为大家详细介绍了Git基础学习中分支的基本操作,例如分支的创建、查看、切换和删除等,感兴趣的小伙伴可以跟随小编一起学习一下
    2022-10-10
  • 基于HTTP协议的一些实时数据获取技术详解

    基于HTTP协议的一些实时数据获取技术详解

    HTTP 协议是一个标准,定义了web客户端如何与服务器对话,以及数据如何从服务器传回客户端,下面这篇文章主要给大家介绍了关于基于HTTP协议的一些实时数据获取技术的相关资料,需要的朋友可以参考下
    2018-07-07
  • Git回退到指定版本三种方法及常见的错误

    Git回退到指定版本三种方法及常见的错误

    在Git中回退到指定版本并不是删除或撤销之前的提交,而是创建一个新的提交,该提交包含指定版本的内容,这篇文章主要给大家介绍了关于Git回退到指定版本三种方法及常见的错误,需要的朋友可以参考下
    2024-03-03
  • 使用MASA Blazor开发查询表格页

    使用MASA Blazor开发查询表格页

    MASA Blazor 是一个基于 Material Design 设计语言的 Blazor 组件库,dotNET开发者只需或者甚至不需要懂得 javascript 就能开发一个企业级中后台系统,这篇文章主要介绍了使用MASA Blazor开发一个标准的查询表格页,需要的朋友可以参考下
    2022-04-04

最新评论