最常用且安全的是（non-breaking space），需写成，它不可折叠、SEO 友好，是唯一被所有浏览器和爬虫稳定支持的空格类实体。

HTML 里怎么输入真正的空格，而不是被 浏览器 合并的空格

浏览器默认会把连续多个普通空格、换行、制表符压缩成一个空格。想显示多个空格或保留排版，不能只靠键盘空格键。

最常用且安全的是  （non-breaking space），它会被浏览器当作一个不可折叠的字符渲染，且对 SEO 友好——搜索引擎 能正常识别它作为词间分隔，不会当成垃圾符号。

•   是 HTML 实体，必须写成   才能在 HTML 源码中正确解析（注意 & 是 & 的转义）
• 不要用全角空格（中文输入法下的空格）、u3000 或其他 Unicode 空格字符做分隔，部分 爬虫 可能无法稳定识别，且在 CSS 中行为不一致
• 纯视觉留白优先用 CSS：margin、padding 或 letter-spacing，语义更清晰，也更利于响应式控制

什么时候该用  ，而不是 CSS 或普通空格

核心判断标准：是否需要「语义上保持词语不换行」或「强制占位但不改变结构流」。

• 单位与数字之间：比如 100 px、24 ℃，避免数字和单位被折行断开
• 人名 / 专有名词中的空格：如 John Doe，防止姓和名在窄屏下被拆到两行
• 表格内对齐需要微调时（比 text-align 更细粒度），但仅限少量使用；大量依赖说明布局设计本身有问题
• 不推荐用于段落首行缩进（该用 text-indent）、列表项前空格（该用 padding-left）或按钮文字间距（该用 letter-spacing）

  和其他空格字符的兼容性差异

不同空格在 HTML/CSS/JS 中表现不一，  是唯一被所有浏览器、爬虫、屏幕阅读器稳定支持的「空格类实体」。

立即学习 “ 前端免费学习笔记（深入）”；

•  （）和  （）宽度固定（约 2em / 4em），但部分旧版 IE 渲染异常，且 SEO 工具 可能忽略其分隔意图
•  （）太窄，常被 CSS font-size 压缩为不可见，不适合做词间分隔
• Unicode 空格如 u2000～u200A 在 JS 字符串中可用，但在 HTML 源码里直接写易出 编码 问题，也不被 HTML validator 推荐
• 用 JS 动态插入   安全：

  element.innerHTML = "Price:" + price + " " + currency;

  ，但注意 XSS 风险，需确保 price 和 currency 已过滤

SEO 友好空格的底线原则

搜索引擎不靠空格数量理解内容，靠的是标签结构、语义化文本和上下文。所谓「SEO 友好空格」，本质是「不干扰解析、不制造歧义、不增加噪声」。

• 正文段落中连续多个  （比如模拟缩进或对齐）会被 Google 视为格式噪音，可能降低内容可读性评分
• 标题标签（
  

  ～

  ）里用   分隔关键词，不如用自然语言连接词（如 React + TypeScript 不如 React with TypeScript）

• Meta description 或 Open Graph 标签中混入  ，可能被截断工具误切，建议统一用 ASCII 空格
• 真正影响 SEO 的是空格背后的意图：用   保护关键术语不折行，比盲目堆砌空格重要得多