网页编程之(1): UTF-8编码问题

由于UTF-8比较国际化，我也把网站页面编码改为utf8。然而不幸的是，在把网页换成UTF-8编码后，遇到了一系列问题。
数天后，经过无数次的失败，才终于搞清了其中的是是非非。

1.UTF-8 with BOM引起页面格式混乱

改UFT-8的第一步，就是用Crimson Editor把所有的网页编码改成UTF-8 with BOM(第一感觉是，with总比w/o好)。然而，改过之后，却发现自己的网页上方平白出现了一个空行，页面排版混乱。以为自己的CSS出现问题，就开始拼命修正，结果依旧。数次失败后，突然想到UTF-8 with BOM的问题，于是就开始Google起来。Google出来的结论如下:

************************************************************************
Unicode规范中有一个BOM的概念。BOM——Byte Order Mark，就是字节序标记。
UTF-8之BOM含义,UTF-8 BOM又叫UTF-8 签名,其实UTF-8 的BOM对UFT-8没有作用,是为了支援UTF-16,UTF-32才加上的BOM,BOM签名的意思就是告诉编辑器当前文件采用何种编码,方便编辑器识别,但是BOM虽然在编辑器中不显示,但是会产生输出（EF BB BF）,就像多了一个空行,没想到困惑我很久的居然是UTF-8编码的BOM,之前在部分采用UTF-8 编码的页面会平白多出一个空行。
************************************************************************

原因找出了，问题也就迎刃而解。把编码改成UTF-8 w/o BOM，网页格式终于恢复。然而，这却不是结束...

2.UTF-8的页面不显示,打开是空白页-UTF-8

改完上传，让一些好友去测试。结果很离奇: 中文版在IE下显示是空白页，无错误。然而，在自己的电脑上没问题，只好忍了。去公司，突然想起测试一下，结果发现也是空白页，于是查看源代码，结果发现源代码东西都在。查看IE代码显示，竟然自动是GB2312。改浏览器编码为utf-8发现正常显示。于是再Google一下：原来是那个该死的ie!

IE对UTF-8的识别能力不够。要解决的最简单方法：在<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />这句话的前面不要出现中文，把title等等全部放其后面去，就搞定了。