html乱码主因是声明、保存、交付三环未统一为utf-8,需确保http响应头content-type含charset=utf-8(优先级最高)、位于前1024字节且为首字符声明、编辑器保存为utf-8无bom,并同步配置nginx/apache/node.js等服务端默认编码。

HTML 国际化不需要“转码”,关键在声明 + 保存 + 交付三者统一用 UTF-8。 出现乱码,90% 是这三环中某一环用了非 UTF-8(比如编辑器存成 GBK、HTTP 响应头声明为 ISO-8859-1、或 meta 标签写错)。
怎么确保 <meta charset> 生效且不被覆盖
浏览器按顺序解析:HTTP 响应头 > HTML 中的 <meta charset> > BOM > 默认。所以优先靠响应头,<meta charset> 是 fallback。
- 检查实际响应头是否含
Content-Type: text/html; charset=utf-8(用浏览器 DevTools → Network → Headers 查) -
<meta charset>必须是中**前 1024 字节内第一个字符编码声明**,不能放在 CSS/JS 引入之后 - 别写
<meta http-equiv="Content-Type" content="text/html; charset=GBK">鈥斺
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











