必须作为中第一个可执行标签，紧贴开始标记之后，前面不能有任何字符（包括注释、空格、BOM或），否则浏览器前1024字节内无法识别编码，将回退至默认编码导致中文乱码。

必须作为

中第一个可执行标签，紧贴 开始标记之后，且前面不能有任何内容干扰。

必须放在 最开头

浏览器是流式解析 HTML 的，从第一字节开始读取。它会在前 1024 字节内尝试识别编码；如果此时还没遇到 ，就会 fallback 到默认编码（如 Windows 下常为 GBK，macOS/Linux 下多为 ISO-8859-1）。一旦用错编码解码了

文件实际编码必须与声明一致

声明 charset="UTF-8" 没有用，如果 HTML 文件本身不是 UTF-8 编码（比如用 GBK 保存却声明 UTF-8），浏览器仍会按声明去解码，结果仍是乱码。

立即学习“前端免费学习笔记（深入）”；

• 用编辑器（如 VS Code、Notepad++）确认并转换文件编码：选“编码 → 保存为 UTF-8（无 BOM）”
• 避免使用 Windows 记事本直接保存，它默认可能用 ANSI 或 UTF-16
• 可通过命令行检查：file -i index.html（Linux/macOS）或 PowerShell 中用 Get-Content index.html -Encoding Byte | Select -First 3 查 BOM

HTTP 响应头优先级更高，但不可依赖

浏览器识别编码的顺序是：HTTP Content-Type 响应头 > > BOM > 默认编码。如果服务器返回 Content-Type: text/html; charset=GBK，那 就会被忽略。

• 本地打开 file:// 协议时，HTTP 头不存在，完全依赖 和 BOM
• 开发阶段用本地服务器（如 Python 的 python -m http.server）测试，避免 file:// 下的不可控行为
• Apache 可加 AddDefaultCharset UTF-8；Nginx 配置 charset utf-8;