最常用且安全的是 （non-breaking space），需写成 ，它不可折叠、seo友好，是唯一被所有浏览器和爬虫稳定支持的空格类实体。
HTML里怎么输入真正的空格，而不是被浏览器合并的空格
浏览器默认会把连续多个普通空格、换行、制表符压缩成一个空格。想显示多个空格或保留排版，不能只靠键盘空格键。
最常用且安全的是 （non-breaking space），它会被浏览器当作一个不可折叠的字符渲染，且对SEO友好——搜索引擎能正常识别它作为词间分隔，不会当成垃圾符号。
-
&是&的转义） - 不要用全角空格（中文输入法下的空格）、
\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 中表现不一， 是唯一被所有浏览器、爬虫、屏幕阅读器稳定支持的「空格类实体」。
-
-
font-size压缩为不可见，不适合做词间分隔 - Unicode 空格如
\u2000～\u200A在 JS 字符串中可用，但在 HTML 源码里直接写易出编码问题，也不被 HTML validator 推荐 - 用 JS 动态插入
element.innerHTML = "Price: " + price + " " + currency;
，但注意 XSS 风险，需确保price和currency已过滤
SEO 友好空格的底线原则
搜索引擎不靠空格数量理解内容，靠的是标签结构、语义化文本和上下文。所谓「SEO友好空格」，本质是「不干扰解析、不制造歧义、不增加噪声」。
- 正文段落中连续多个
- 标题标签（
<h1></h1>～<h6></h6>）里用React + TypeScript不如React with TypeScript） - Meta description 或 Open Graph 标签中混入
- 真正影响 SEO 的是空格背后的意图：用
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
