HTML乱码本质是浏览器用错编码解码文件，只需确保文件实际编码、<meta charset>声明、HTTP响应头Content-Type三者统一为UTF-8（无BOM）；<meta>须置于<head>最前且前1024字节内无BOM、空格或注释，否则浏览器回退默认编码（如GBK）导致乱码。
HTML页面乱码不是“浏览器坏了”，而是浏览器用错编码去解码了文件——只要三处编码一致：文件实际保存格式、<meta charset> 声明、HTTP响应头中的 Content-Type，乱码基本就消失了。
为什么改了 <meta charset="UTF-8"> 还是乱码
因为浏览器根本没读到这行。HTML解析器只扫描前 1024 字节找 <meta charset>，一旦开头有 BOM、空格、注释或 UTF-8-BOM（EF BB BF）被误判为内容，就会跳过它，回退到系统默认编码（如 Windows 的 GBK）去解码。
-
<meta charset>必须放在<head>最开头，前面不能有任何字符（包括空格、换行、BOM） - Windows 记事本默认保存为 UTF-8 with BOM，VS Code 右下角显示 “UTF-8” 时，点它 → “Save with Encoding” → 选
UTF-8（不是UTF-8 with BOM） - 用命令验证：
file -i index.html（Linux/macOS）或Get-Content index.html -Encoding Byte | Select -First 3（PowerShell），输出不含ef bb bf才算干净 UTF-8
本地双击打开（file:// 协议）时乱码
此时 HTTP 响应头不存在，浏览器只认 <meta charset> 和文件实际编码。VS Code 显示 “GBK” 却写了 <meta charset="UTF-8">？那一定是文件存成了 GBK，但标签写错了。
- VS Code 右下角显示编码名（如 “GBK”），点击 → “Reopen with Encoding” → 选正确编码（看中文是否正常），再 → “Save with Encoding” → 改存为
UTF-8 - Notepad++：菜单栏“编码”→ 先“转为 UTF-8”，再“另存为”，确认底部状态栏显示 “UTF-8”（不是 “UTF-8-BOM”）
- Sublime Text：File → Save with Encoding →
UTF-8
服务器部署后乱码（http:// 协议）
HTTP 响应头的 Content-Type 优先级高于 <meta charset>。Nginx/Apache/Node.js 如果硬编码了 charset=gbk，哪怕 HTML 里写一百遍 UTF-8 也没用。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 浏览器按 F12 → Network → 刷新 → 点开 HTML 请求 → 查 Response Headers 中的
Content-Type，确认值为text/html; charset=UTF-8 - Nginx：在
server或location块中加charset utf-8;（注意不是add_header Content-Type，那会重复） - Apache：在
.htaccess或虚拟主机配置中加AddDefaultCharset UTF-8 - Node.js/Express：在
res.send()前调用res.set('Content-Type', 'text/html; charset=utf-8')，且不能有任何console.log或空行在它之前
动态页面（PHP/JS 渲染）仍乱码
服务端输出的 HTML 字符串本身编码错了，或者数据库查出来的数据就是 GBK 编码，却直接拼进 UTF-8 页面里。
- PHP：确保
header('Content-Type: text/html; charset=UTF-8')在任何echo之前；数据库连接要设SET NAMES utf8mb4；用mb_convert_encoding($str, 'UTF-8', 'GBK')转码旧数据 - JavaScript（前端渲染）：从接口拿到的文本若含乱码，大概率是 API 响应头没设
charset=utf-8，或后端返回的是 GBK 字节流，需联系后端修复 - CSS/JS 外链文件也要单独检查编码：link 的 CSS 文件如果存为 GBK，而 HTML 是 UTF-8，中文注释或字体名照样乱
最常被忽略的其实是外链资源和数据库——改完 HTML 本身，别忘了顺手查一遍 CSS、JS、API 响应头、MySQL 表字符集（utf8mb4）、以及 PHP 连接层的编码设置。
