HTML标题中连续空格会被浏览器自动合并为一个，这是HTML默认的空白处理规则；如需保留多个空格，可用 、CSS white-space属性（如pre-wrap）或span+margin等方法，但需兼顾SEO与可访问性。
HTML5 标题标签（<h1> 到 <h6>）里写空格，和普通文本一样直接敲空格键就行，但浏览器会自动合并连续空白字符——这是关键，不是“不能用”，而是“怎么用才生效”。
为什么标题里的多个空格只显示一个
HTML 规范定义：所有连续的空白字符（空格、制表符、换行）在渲染时会被折叠为单个空格。这跟 <h1>Hello World</h1> 和 <h1>Hello World</h1> 效果完全一样。
- 这是默认行为，与标签是否是标题无关，
<p>、<div>都一样 - 不是 bug，是 HTML 的空白处理规则（
white-space: normal的表现） - 想保留多个空格，必须显式干预 CSS 或改用特殊字符
想保留多个空格？用 或 CSS white-space
是不换行空格（non-breaking space），浏览器不会折叠它，适合少量、确定位置的空格控制。
<h2>Front End</h2> <h3>AI Dev</h3>
更灵活的方式是用 CSS 控制整个标题的空白行为：
立即学习“前端免费学习笔记（深入）”；
-
white-space: pre：保留空格和换行，但不自动换行（文字超出容器会溢出） -
white-space: pre-wrap：保留空格和换行，且允许自动换行（推荐用于可读性要求高的场景） -
white-space: pre-line：合并多余空格，但保留换行符（适合带段落的标题，较少用）
<h4 style="white-space: pre-wrap">Design System v2.3</h4>
用 <span> 包裹空格区域更可控
如果只希望某几个词之间加宽距，而不是整段标题都禁用空白折叠，用 <span> 配合 margin 或 letter-spacing 更语义清晰、易维护。
- 避免滥用
- 响应式下
margin可配合媒体查询动态调整 - 注意
letter-spacing会影响所有字符间距，不是纯“空格”替代方案
<h5>Web<span style="margin: 0 1.2em"></span>Performance</h5>
SEO 和可访问性提醒：别为视觉效果牺牲结构语义
用多个 或 white-space 强行撑开标题，可能让屏幕阅读器读出异常停顿（如 “Front End” 被读成 “Front [pause] End”），或影响搜索引擎对关键词距离的判断。
空格本身没问题，问题总出在“以为敲了空格就一定显示出来”。真正要盯住的是浏览器的空白处理规则，以及你到底想解决什么问题：是微调词间距？对齐视觉设计稿？还是兼容旧 CMS 输出的脏数据？不同目标，解法完全不同。
