应使用 （U+2003）或 （U+2002）实现中文字符宽空格，因 宽度≈1em稳定对齐，兼容性好；全角空格U+3000语义明确但编辑器显示异常风险高；半角空格U+0020在HTML中会被合并且不可控。
HTML 里直接按空格键打出来的，是半角空格（U+0020），但它在 HTML 中会被浏览器自动合并——连按 10 次也只显示 1 个；真要“打出可见、可累加、宽度可控”的空格，必须用 HTML 实体或 Unicode 字符。
怎么在 HTML 中打出「一个中文字符宽」的空格
这是最常被问到的实际需求：比如中文标题对齐、表格中文字居中留白、模拟首行缩进两字。关键不是“怎么输入”，而是“怎么写进 HTML 才可靠”。
-
1em（即一个汉字宽度），浏览器兼容性好，CSS 不依赖，直接写进 HTML 就生效 -
\u3000（JS 字符串中）也可用：这是 Unicode 全角空格字符（U+3000），语义明确，但部分老旧编辑器/IDE 可能显示异常，且复制粘贴时容易被转成普通空格 - 别用
为什么 HTML 解析时半角和全角空格表现不同
根本原因在于 HTML 规范把半角空格（U+0020）当作**标记分隔符**，而全角空格（U+3000）只是普通文本字符——这直接影响解析逻辑和错误容忍度。
- 半角空格出现在标签内会中断属性解析：
<div class="a b">合法，但<div class="a b">（中间是全角空格）会导致 class 值变成"a b"整体，CSS 选择器失效 - 全角空格不会触发 HTML 的空白折叠规则，所以
你好 世界（含U+3000）一定会渲染出两个汉字间的宽空隙；而你好 世界（半角空格）即使写三四个，也只显示一个 - JS 检测时注意：
' '.charCodeAt(0) === 12288才是全角空格；' '.charCodeAt(0) === 32是半角——混用会导致表单校验、字符串截取出错
前端开发中该选哪种空格：看场景，不看“谁更高级”
没有统一答案，只有匹配上下文的选择。错误往往来自“无意识混用”。
立即学习“前端免费学习笔记（深入）”；
- 写 HTML 标签结构（
class、id、src等属性值内部）→ 必须用半角空格，否则解析失败或属性值污染 - 写中文文案内容（如
<p>第一章 概述</p>）→ 推荐用 - 做 CSS 布局控制（如按钮内文字左右留白）→ 改用
padding，而不是塞一堆 - 从用户输入中提取文本（如富文本编辑器粘贴）→ 需预处理：正则
/[\u3000\u2000-\u200A\u202F\u2060\uFEFF]/g替换为' '，避免后端存储混乱
最容易被忽略的一点：全角空格在代码编辑器里看起来和半角空格几乎一样，但一旦进入 HTML 属性值或 JS 字符串，就可能引发不可见的 bug；建议在 VS Code 等编辑器中开启「显示空白字符」功能，把 U+3000 显式标出来。
