网站开发中常见的编码和乱码问题的解决

大家在做网页的时候也许会发现，辛辛苦苦写好的代码，在浏览器中预览时却显示一大堆乱码，这个时候开始头痛了，怎么解决呢，如果去樘论罪朋网上搜索的话，一大堆关于编码的知识弄得越来越糊涂，回头一看代码写的没错啊，但是为什么呢？其实本人也是遇到了这个问题，然后研究了一段时间，所以现在分享出来，希望给大家一个清晰的思路，然后在这个基础之上放心做网站，本文简单介绍了UTF-8编码和gb2312编码的基本区别，然后通过两款优秀的网页代码编辑软件Sublime Text2和Notepad++进行比较，提供一个比较好的解决方案，适用于做HTML、asp、php等类型的网页时出现的编码问题，下面开始吧！

工具/原料

电脑

Sublime Text、Notepad++等软件

Sublime Text2的网页编码设置

1、首先介绍Sublime Text，这是一款优秀的代码编辑工具，最新版是Sublime Text2，功能非常多我就不多说了，属蟓彩瘵业界的评价也是非常高，那么我们首先来在电脑桌面上新建一个文本文档，来演示网页编程中出现的问题。文本文档建好后，将"新建文本文档.txt"重命名为静态网页文件"wangye.html"，这是弹出提示点击"确定"即可，这个时候电脑一定要设置好显示文件扩展名。如下图所示：

3、首先我们写入简单的网页编码如下图所示，特别注意这段代码<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />这说明网页是用gb2312也就是中文简体进行编码，此时浏览器也会用gb2312进行显示。

5、结果我们看到了，网页标题和内容都是乱码，佯镧诱嚣只有英文hello可以正确显示，这是为什么呢，这里强调一下，Sublime Text默认编码是UTF-8，通俗恝依在绌来讲UTF-8是世界通用性的编码，用途也是最广泛的，而gb2312仅仅适用于中国。这个时候我们如果确实想用gb2312编码怎么办呢，我们点击"文件"，然后找到"保存编码"，单击"UTF-8包含BOM"，这时关闭Sublime Text之后，再次打开网页会发现一切正常了。看下图：

4、我们看到默认编码的选择格式是"以UTF-8格式编码"，但是我们开始设置的是gb2312呀，其实注意了，在Notepad++和Sublime Text不一样，Notepad++中，默认UTF-8编码已经包含BOM，我们看到选择项里面还有一项"以UTF-8无BOM格式编码"，这一项才是纯UTF-8格式的编码，我们改成这一项试试。并把代码改为gb2312

5、我们会发现，这个时候网页显示也是乱码，这是因为网页代码的编码和Notepad++中设置的实际编码不同，所以浏览器按照gb2312解析时会出现错误。由此我们总结一下用Notepad++编写网页代码是，编码的设置方法：

6、如果我们使用gb2312编码，那么相应的Notepad++中的格式编码要设置为UTF-8这个是包含BOM的，一般默认即可不用设置。如果我们使用UTF-8编码，那么Notepad++中的格式设置成"以UTF-8格式编码"或者"以UTF-8无BOM格式编码"都可以，就是说我们默认就可以，但是推荐使用UTF-8无BOM格式编码，这样的话更符合国际标准。