根本原因是浏览器无法正确识别字符编码,必须在html中显式声明:先确认文件实际编码(如ansi/gbk、utf-8或utf-8-bom),再在首行插入对应meta标签(utf-8用,gbk用),最后强制刷新验证。

电脑打开HTML文件时中文显示为方块、问号或乱码,根本原因是浏览器无法正确识别文档使用的字符编码,必须在HTML源代码中显式声明字符集。
确认当前HTML文件实际保存的编码格式
右键用记事本打开该HTML文件→点击「文件」→「另存为」→观察右下角「编码」下拉框当前选中的值。常见选项有ANSI(Windows本地编码,中文系统即GBK)、UTF-8、UTF-8-BOM、Unicode(即UTF-16)。【必须先确认这个值,后续meta标签必须与之严格一致,否则乱码会更严重】
若下拉框显示「ANSI」,说明文件以GBK编码保存;若显示「UTF-8」且无BOM,则是纯UTF-8;若显示「UTF-8-BOM」,则文件开头隐含EF BB BF三个字节。
在HTML头部插入正确的meta字符集声明
用文本编辑器(如VS Code、Notepad++)打开HTML文件,在 标签内第一行插入对应meta标签:
方法一:文件实际为UTF-8编码(无BOM)→插入:<meta charset="UTF-8">
方法二:文件实际为GBK/GB2312编码→插入:<meta http-equiv="Content-Type" content="text/html; charset=GBK">
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
方法三:文件带UTF-8-BOM→仍用 <meta charset="UTF-8">,BOM会优先被浏览器识别,meta起双重保障作用。
【注意:meta标签必须放在内且尽可能靠前,最好紧贴开始标签,否则部分浏览器可能已开始解析内容再读到meta,导致前几行仍乱码】
验证并强制刷新浏览器缓存
第一步:保存HTML文件后,关闭所有已打开的该页面标签页;
第二步:按住 Ctrl + Shift + R(Windows/Linux)或 Cmd + Shift + R(macOS)硬性重载页面,绕过缓存;
第三步:右键网页→「查看页面信息」或「编码」→确认当前显示的编码与meta声明完全一致(如显示“UTF-8”或“GBK”);
第四步:若仍乱码,回到第一步重新核对文件真实编码,不要依赖浏览器自动猜测。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










