HTML5空格在Node.js模板中默认不生效，需显式配置或使用特定语法；实体 需防转义才能生效；Pug/Nunjucks需特殊语法保留空白；CSS white-space属性更可靠。
HTML5 中的空格（如 、连续空格、换行缩进）在 Node.js 模板里是否生效，取决于你用的是哪个模板引擎，以及它是否默认启用 HTML 转义和空白控制。直接结论：原生不保留、不渲染、不生效——除非你显式配置或使用对应语法。
Node.js 模板引擎默认会压缩/忽略 HTML 空格
绝大多数主流模板引擎（如 ejs、pug、handlebars、nunjucks）在编译 HTML 输出时，会把模板源码里的多余空白（包括换行、制表符、连续空格）当作“无关字符”处理，最终生成的 HTML 响应中这些空格通常被合并为单个空格，甚至完全丢弃。
这意味着你在 .ejs 文件里写：
HelloWorld
浏览器实际收到的可能是：textContent 里也不会多出换行符或额外空格。
立即学习“前端免费学习笔记（深入）”；
在 Node.js 模板里始终有效，但要防转义
是 HTML 实体，只要没被模板引擎自动转义，它就会原样输出并被浏览器解析为空格。问题常出在「双大括号」语法上：
-
（EJS）或{{ value }}（Handlebars/Nunjucks）：默认不转义， -
或{{{ value }}}：明确要求“不转义”，适合输出含 HTML 的变量，也兼容 -
：错！这里写了&会被转义成&，最终浏览器看到的是文字
正确写法示例（EJS）：
A<%= ' ' %>BA<%= ' ' %>B
Pug 和 Nunjucks 对空白更“激进”，需用特殊语法保留
Pug 默认删除所有换行和缩进空白，连 text 节点间的空格都会被抹掉。例如：
p | Hello | World
渲染结果是 HelloWorld
解决方式：
- 用
| Hello World显式插入 - 用
plain text换行 +\行末续行符（Pug）：| Hello\ World - Nunjucks 用
{%-和-%}控制标签前后空白：{%- if true -%}A{%- endif -%} B
CSS white-space 属性比模板空格更可靠
想让文本中多个空格、换行、制表符真实显示？别依赖模板缩进或 堆砌。直接用 CSS 更可控：
-
white-space: pre：保留所有空白和换行，类似 white-space: pre-wrap：保留空白，但允许自动换行（最常用）white-space: break-spaces：把空格当可换行点（现代浏览器支持）
配合模板，只需确保原始字符串里真有空格字符（比如后端传来的 "a b" 或带 \n 的字符串），再加一行 CSS 就行：
<%= data.text %>
这才是处理复杂空格逻辑时最稳定的做法。
真正容易被忽略的是：模板里看着有空格 ≠ 浏览器渲染出来有空格；而 看着像字符，其实本质是 HTML 解析行为——它只在最终 HTML 字符串里存在时才起作用，一旦被转义、被截断、被模板语法吞掉，就彻底失效了。
