meta charset必须位于HTML文档前512字节内，紧贴和之后；位置靠前才能确保浏览器正确解码，避免乱码，且须与文件实际编码一致。
meta charset必须在head前512字节内
浏览器解析HTML时，会先扫描
开头的前512字节来查找meta charset声明。如果它出现在这个范围之外（比如被大段注释、空格、或前置的script阻塞），浏览器可能按默认编码（如ISO-8859-1）解析后续内容，导致中文等字符显示为或乱码。
这不是“写在哪都行”的配置项——位置直接决定解码起点。
-
meta charset应紧贴标签后，越靠前越好，理想位置是第2行（第1行留作） - 避免在它前面放任何
script、style、注释或大量空白符 - 不要依赖HTTP响应头中的
Content-Type: text/html; charset=UTF-8来兜底——当HTTP头缺失或不一致时，HTML内声明才是最终依据
别用http-equiv="Content-Type"替代charset属性
下面这种写法看似等价，但实际不可靠：
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
它属于过时的模拟HTTP头方式，部分旧浏览器（如IE9及更早）对它的识别优先级低于原生charset属性，且现代HTML规范已明确推荐使用简写形式。
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
- ✅ 正确写法：
<meta charset="UTF-8"> - ❌ 避免写法：
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - 两者不能共存，否则可能触发浏览器兼容模式下的解析冲突
服务器响应头与meta charset不一致时以谁为准？
答案是：取决于浏览器解析阶段。HTTP头在传输层生效，meta charset在HTML解析早期生效；但若HTTP头明确声明了charset，且未被meta charset覆盖（即后者未出现在前512字节），浏览器通常会以HTTP头为准。
- 开发时优先确保二者一致，避免侥幸心理
- 本地文件（
file://协议）无HTTP头，此时meta charset是唯一依据，必须存在且位置正确 - 用
curl -I your-page.html检查响应头，用浏览器开发者工具的“Network → Headers”确认实际发送的Content-Type
编辑器保存编码和meta charset不匹配也会乱码
即使<meta charset="UTF-8">写得再标准，如果HTML文件本身不是UTF-8编码保存（比如用GBK保存却声明UTF-8），浏览器照样会把字节错解成另一套字符集。
- VS Code、Sublime Text、WebStorm等主流编辑器右下角会显示当前文件编码，点击可切换并“Save with Encoding”
- 终端下可用
file -i your-file.html验证实际编码 - Git用户注意：
core.autocrlf不会影响编码，但某些Windows编辑器默认用ANSI（即系统locale编码）保存，极易踩坑
meta charset没写，而是它被挤出了前512字节，或者文件物理编码和声明不一致。这两点比语法是否正确更关键。 
