正确设置HTML文件编码可避免乱码，需在head中添加，保存文件时选择UTF-8编码，并确保服务器返回Content-Type: text/html; charset=utf-8。
HTML文件的编码格式决定了浏览器如何正确解析和显示网页中的文字。如果编码设置不正确，页面可能出现乱码，尤其是包含中文或其他非英文字符时。要确保网页内容正常显示，必须正确设置HTML文件的字符编码。
使用meta标签设置字符编码
在HTML文档的
区域添加meta标签，是最常见且有效的方式指定编码格式：UTF-8是目前最推荐的编码方式，支持全球大多数语言字符，包括中文、日文、阿拉伯文等。将这行代码放在HTML文件的头部，可让浏览器优先以UTF-8格式解析页面。
保存文件时选择正确的编码
除了在代码中声明编码，编辑器保存HTML文件时也必须使用对应的编码格式。例如，如果你在代码中设置了charset="UTF-8"，那么用文本编辑器（如VS Code、Sublime Text或Notepad++）保存文件时，需选择“UTF-8”编码，而不是“ANSI”或“GB2312”等。
立即学习“前端免费学习笔记（深入）”；
在Notepad++中，可通过“编码 → 转为UTF-8无BOM格式”进行转换并保存；在VS Code中，右下角可查看和更改文件编码。
服务器端设置字符编码（可选但重要）
有时即使HTML中设置了meta标签，服务器返回的HTTP头仍可能覆盖该设置。建议服务器配置响应头包含：
Content-Type: text/html; charset=utf-8例如，在Apache服务器可通过.htaccess文件添加：
AddDefaultCharset UTF-8Nginx中可在配置文件中加入：
charset utf-8;这样能确保浏览器从多个层面正确识别编码，避免乱码问题。
基本上就这些。只要在HTML中加入meta charset标签、保存文件为UTF-8格式，并确保服务器配置一致，就能有效解决编码问题。不复杂但容易忽略细节。
