html中插入空格应使用 （非断行空格），用于防断行场景如人名、数字与单位间；普通分隔应优先用css的margin/padding；整段保留空格换行则用white-space: pre-wrap。
HTML5 里想插入一个空格，直接敲空格键是没用的——浏览器会把连续多个普通空格合并成一个，甚至可能完全忽略首尾空格。
HTML 空格字符怎么写才有效
浏览器默认压缩空白符（空格、换行、制表符），所以得用「字符实体」告诉它：“这里真要一个空格，别动”。最常用的是 ，全称 non-breaking space，它强制显示且不会被折叠或断行。
-
- 别写成
 （漏掉分号）——部分浏览器会忽略，变成字面量 显示在页面上 - 不要用
什么时候该用 ，什么时候不该用
它解决的是「需要保留且不可断行的空白」这个具体问题，不是万能空格补丁。
- ✅ 适合：人名/单位名中间防断行（如
王 小明）、数字和单位之间（100 px）、表格中对齐占位 - ❌ 不适合：段落内普通分隔、按钮文字加空格、CSS 已能控制间距的场景——此时该用
margin、padding或letter-spacing - ⚠️ 注意：
现代替代方案：CSS 的 white-space 属性
如果整块内容都需要保留原始空格和换行（比如日志、代码片段、诗歌），用 HTML 实体一个一个写就太傻了。这时该切到 CSS：
立即学习“前端免费学习笔记（深入）”；
- 给容器加
style="white-space: pre;"，它会让所有空格、换行原样呈现，类似<pre class="brush:php;toolbar:false;"></pre>标签效果 - 更常用的是
white-space: pre-wrap;：保留空格和换行，同时允许自动换行，适合用户输入的富文本预览 - 注意：这些 CSS 不影响语义，也不会被搜索引擎当额外关键词抓取，比堆
真正麻烦的不是写法，而是判断——到底是要“视觉上多一个空”，还是“语义上必须不折行”，或是“整段格式不能丢”。选错方案，后面调样式、适配屏幕、做无障碍，全是坑。
