html显示乱码主因是文件实际编码、声明与http响应头content-type三者未统一为utf-8无bom；本地file://协议下仅依赖前两者，且必须位于最前、无bom/空格干扰。
HTML 显示乱码或根本不出内容，90% 是编码没对齐 —— 不是浏览器坏了，也不是代码写错了，而是 charset 在三个地方打架：文件实际编码、<meta charset> 声明、HTTP 响应头里的 Content-Type。
为什么本地打开 HTML 时 Chrome 总显示乱码
Chrome 在 file:// 协议下不读 HTTP 头，完全依赖 <meta charset> 和文件真实编码。一旦两者不一致，立刻 fallback 到 ISO-8859-1 或 Windows-1252，中文全变问号或方块。
- 用 VS Code 打开 HTML 文件，右下角状态栏点编码名（如 “UTF-8 with BOM”），选 “Save with Encoding → UTF-8”（**必须去掉 BOM**）
- 确认
<meta charset="UTF-8">出现在最开头，前面不能有空行、注释或 BOM 字节 - 别用记事本保存 —— 它默认存为
ANSI（Windows-1252），哪怕你写了UTF-8声明也白搭 - 路径里含中文或空格？改掉。某些浏览器解析
file://URL 时会把空格转成%20后再解码失败
服务器部署后页面还是乱码，检查这三处
HTTP 响应头的 Content-Type 优先级高于 <meta charset>。如果 Nginx/Apache/Express 返回的头里没带 charset=utf-8，浏览器就当没看见 <meta> 标签。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- Nginx 配置里加
charset utf-8;到server或location块中 - Apache 加
AddDefaultCharset UTF-8到.htaccess或主配置 - Express 中不用
res.sendFile()直接发，而用：res.set('Content-Type', 'text/html; charset=utf-8').sendFile(path) - 用 Chrome DevTools 的 Network 面板，点 HTML 请求 → Response Headers → 查
content-type是否含charset=utf-8
动态生成 HTML（EJS/Jinja/Node.js 拼接）时乱码怎么防
模板引擎本身不处理编码，它只是把字符串塞进 HTML 框架里。如果传进去的数据是 GBK 解码的，或者文件保存为 ANSI，<meta charset="UTF-8"> 就成了摆设。
- Python 写 HTML 文件时，必须显式指定
encoding='utf-8'：with open('page.html', 'w', encoding='utf-8') as f: - Node.js 用
fs.writeFileSync()时加{ encoding: 'utf8' }选项 - 从数据库读数据渲染前，确保字段是 UTF-8 存储（MySQL 用
utf8mb4，不是utf8） - EJS/Jinja 模板里不要手动
decode('gbk')再插进 HTML —— 统一源头用 UTF-8，中间不做任何转码
开发者工具里 DOM 空白、Console 无报错，但页面啥也不显示
这往往不是编码问题，而是浏览器压根没当成 HTML 解析 —— 可能因为文件扩展名不对、DOCTYPE 缺失，或 <meta charset> 被放到了 <title></title> 后面导致早期字节被错误解码，进而让整个解析器卡死。
- 第一行必须是
，且前面不能有任何字符（包括 BOM、空格、换行） -
<meta charset="UTF-8">必须在内且排第一（比<title></title>还靠前）；IE 要求它出现在前 1024 字节内 - 右键“查看网页源代码”，看是否真看到你写的 HTML —— 如果只看到乱码或空白，说明编码层已崩，先修这个
- 临时删掉所有外部
<script></script>和<link>，只留最简结构测试，排除资源加载阻塞解析的可能
真正难调的永远不是某一处漏写了 <meta charset>，而是三处编码信息彼此矛盾又各自“合理”：文件是 UTF-8，但用了 BOM；响应头说 UTF-8，可服务端拼字符串时用了系统默认编码；模板里写了声明，但数据源是旧系统导出的 GBK CSV。这种时候，得逐层确认每一步的字节流到底是什么，而不是只看“我以为它该是什么”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
