HTML页面乱码需确保编码声明与文件保存格式一致。1. 在中添加
HTML页面出现乱码，通常是因为浏览器无法正确识别文件的字符编码。解决这个问题的关键是确保HTML文件保存的编码格式与代码中声明的编码一致。下面介绍几种常见原因和对应的解决方法。
1. 检查并设置正确的字符编码声明
在HTML文档的 区域添加标准的字符集声明，推荐使用UTF-8：
这行代码应放在 标签内最前面的位置，确保浏览器优先读取编码信息。
2. 确保文件保存编码与声明一致
即使代码中写了UTF-8声明，如果文件本身是以其他编码（如GBK或ANSI）保存的，仍会出现乱码。请按以下方式操作：
立即学习“前端免费学习笔记（深入）”；
- 使用文本编辑器（如VS Code、Sublime Text、Notepad++）打开HTML文件
- 点击“文件”→“另存为”，在编码选项中选择“UTF-8”
- 保存后重新在浏览器中打开
3. 避免BOM干扰（尤其是UTF-8 with BOM）
有些编辑器默认将UTF-8文件保存为“UTF-8 with BOM”，这可能导致部分服务器或浏览器解析异常。建议保存为“UTF-8 without BOM”。
在Notepad++中：点击“编码”→“转换为UTF-8无BOM格式”→再保存文件。
4. 服务器或本地环境问题
如果是通过本地直接打开（file://），大多数现代浏览器能自动识别UTF-8。但若通过服务器访问，需检查服务器是否发送了错误的Content-Type头。
例如Apache或Nginx应确保未强制覆盖字符集。可在 .htaccess 中添加：
AddDefaultCharset UTF-8基本上就这些。只要编码声明正确、文件保存格式匹配，乱码问题就能解决。不复杂但容易忽略细节。
