HTML5字符编码识别与meta标签解析技巧

本文深入解析了HTML5中浏览器识别字符编码的完整机制，揭示其严格遵循“HTTP响应头＞meta charset＞BOM＞默认编码”的优先级规则，并强调``必须置于``内首个可执行标记、且文件实际保存编码必须与声明完全一致，否则即使语法正确也会导致乱码；文章直击开发者常见误区——如忽略BOM干扰、误用`utf8`而非`UTF-8`、在脚本执行后才设置编码，以及最隐蔽却高频的问题：编辑器保存编码与meta声明不匹配，辅以实用检测命令和编辑器操作指引，助你彻底摆脱中文乱码困扰。

浏览器怎么识别 HTML5 的字符编码

浏览器在解析 HTML 文档时，**不依赖文件后缀或编辑器保存编码**，而是按固定优先级顺序探测 charset：HTTP Content-Type 响应头 > 标签 > BOM > 默认（通常是 UTF-8 或系统 locale）。只要前一步能明确识别，后续就不再尝试。

必须放在 最前面

这个标签必须是 中**第一个可执行的标记**（不能被注释、