首先确保HTML文件声明并使用UTF-8编码，1. 在中添加；2. 用编辑器确认文件实际以UTF-8保存；3. 服务器配置返回Content-Type: text/html; charset=UTF-8；4. 统一外部资源及后端输出编码为UTF-8。
如果您在运行HTML文件时遇到页面显示乱码，这通常是由于字符编码未正确设置或与文件实际编码不匹配所致。以下是解决HTML运行乱码问题的具体方法：
一、设置正确的字符编码
确保HTML文档中声明的字符编码与文件实际保存的编码格式一致。最常见的做法是在
标签内指定UTF-8编码，这是目前最通用的解决方案。1、打开您的HTML文件，在
标签内部添加如下代码：。2、保存文件并重新在浏览器中打开，查看是否仍存在乱码现象。
立即学习“前端免费学习笔记（深入）”；
3、如果使用的是中文内容，务必确认该文件以UTF-8格式保存，而非ANSI或其他编码。
二、检查文件的实际编码格式
文本编辑器保存HTML文件时可能默认使用非UTF-8编码，例如GBK或Windows-1252，这会导致浏览器解析出错。
1、使用支持编码查看的编辑器（如Notepad++、VS Code）打开HTML文件。
2、在编辑器中查看当前文件的编码类型，通常位于状态栏或“编码”菜单下。
3、若当前编码不是UTF-8，请选择“转换为UTF-8编码”或“另存为”，然后选择UTF-8作为保存格式。
4、保存后刷新浏览器页面，观察文字是否正常显示。
三、服务器端设置正确的MIME响应头
当通过Web服务器（如Apache、Nginx）提供HTML文件时，服务器应发送正确的Content-Type头部信息，包含字符集声明。
1、检查服务器返回的HTTP响应头中是否包含类似以下内容：Content-Type: text/html; charset=UTF-8。
2、对于Apache服务器，可在.htaccess文件中添加：AddDefaultCharset UTF-8。
3、对于Nginx服务器，确保配置文件中有：charset utf-8; 语句。
4、修改完成后重启服务器，并清除浏览器缓存重新加载页面。
四、统一前后端编码环境
若HTML页面加载了外部资源（如JavaScript、CSS或从后端接口获取数据），这些资源的编码也必须与主页面保持一致。
1、确认所有引入的.js和.css文件同样以UTF-8编码保存。
2、在引用外部脚本时，可显式声明编码：。
3、如果是动态生成的HTML内容，确保后端程序输出时设置了正确的字符集，例如PHP中使用header('Content-Type: text/html; charset=UTF-8');。
