乱码问题源于编码不一致，需确保HTML中声明、文件保存格式及服务器响应头均统一为UTF-8，且文件名避免使用中文，三者协同方可解决。
HTML文档运行出现乱码，通常是因为字符编码设置不正确或文件保存格式与声明不一致。解决这个问题的关键是确保HTML文件的编码格式、保存方式和浏览器解析方式三者统一。
检查并设置正确的字符编码
在HTML文档的
部分，应明确声明使用的字符集。推荐使用UTF-8编码，它支持全球大多数语言字符： 示例代码：<meta charset="UTF-8">
确保这行代码位于HTML文件的头部，越早声明越好，避免浏览器误判编码。
确认文件实际保存编码
即使HTML中声明了UTF-8，如果文件本身不是以UTF-8格式保存，依然会乱码。需用文本编辑器（如VS Code、Notepad++）检查并转换文件编码：
立即学习“前端免费学习笔记（深入）”；
- 打开HTML文件
- 选择“文件”→“另存为”或“编码”→“转为UTF-8无BOM编码”
- 保存后重新在浏览器中打开
服务器或本地环境的影响
如果通过本地直接打开（file://），一般问题较少。但若通过服务器访问，服务器可能发送了错误的Content-Type头，覆盖HTML中的meta声明。
解决方案：
- 配置服务器发送正确的响应头：Content-Type: text/html; charset=utf-8
- 例如，在Apache中可在.htaccess添加：
AddDefaultCharset UTF-8 - Node.js或Nginx等也需对应设置编码
避免使用中文或其他特殊字符命名文件
虽然不直接导致乱码，但某些系统或服务器对非ASCII文件名处理不当，可能间接引发编码识别错误。建议文件名使用英文和数字。
基本上就这些。只要保证meta声明、文件保存编码、服务器响应三者一致为UTF-8，HTML乱码问题基本都能解决。不复杂但容易忽略细节。
