HTML中文编码设置方法详解

HTML中文乱码问题根源往往不在代码本身，而在于文件保存时被编辑器“偷偷”加上了UTF-8 BOM或误用GBK编码，以及HTTP响应头对meta charset的优先级覆盖；本文直击VS Code/Sublime等工具的正确保存方式、meta标签的严格书写规范（位置、大小写、引号与短横）、服务器端Content-Type配置要点（Express/Apache/Nginx），以及表单和AJAX传输中的UTF-8显式声明技巧，强调“先查十六进制头、再抓包看响应头”的排查逻辑——解决乱码，关键在细节控制，而非反复修改HTML。

HTML文件保存时必须用UTF-8无BOM编码

乱码最常见原因不是HTML写法错，而是编辑器偷偷用了GBK或UTF-8+BOM保存文件。浏览器看到BOM或错误字节序，会直接解析失败，尤其在Windows记事本、VS Code未设默认编码时高频发生。

• 用VS Code打开HTML文件 → 右下角点击编码名称（如“UTF-8”或“GBK”）→ 选“Save with Encoding” → 选UTF-8（注意不是UTF-8 with BOM）
• Sublime Text：菜单栏File → Save with Encoding → UTF-8
• 确认是否含BOM：用Hex Editor打开文件，开头三个字节不是EF BB BF才算真正无BOM

必须放在最前面且不能写错

这个标签是浏览器解码的“第一指令”，位置和拼写出错等于没写。它不解决保存编码问题，但能帮浏览器在读取字节后正确映射为中文字符。

• 必须写成，不是charset=UTF8（少短横）、不是charset='utf-8'（单引号虽可但易被误删）、更不是（旧写法，兼容性差且冗余）
• 必须位于内、且是中**第一个**非注释节点（前面不能有空格、换行或