HTML默认压缩连续空白字符为一个空格并忽略首尾空白；需精准控制空格时，应使用显式Unicode字符类正则（如[\u00A0\u3000\t\r\n]）而非\s，以避免误删或遗漏非ASCII空格。
不需要学正则也能在 HTML5 中打空格，但想**精准控制空格的显示行为、过滤或替换特定空格类型（比如全角空格、不间断空格、制表符）**，就得用正则——不过只用最基础的几个字符类就够了。
HTML 默认怎么处理空格？
浏览器会把连续的空白字符（空格、换行、制表符）压缩成一个普通空格，且忽略首尾空白。这是 HTML 的渲染规则，和 JS 或正则无关。
常见误解：以为写多个 或敲多次空格键就能保留空格——其实只有 （不换行空格）能强制显示，而普通空格仍受 CSS 的 white-space 控制。
关键点：
立即学习“前端免费学习笔记（深入）”；
-
- 想让一段文本“原样显示空格”，优先用 CSS：
white-space: pre或pre-wrap - 服务端或 JS 处理用户输入时，才可能需要正则识别/清理异常空格
哪些空格类型容易出问题？
用户粘贴内容时，常混入非标准空格，导致排版错乱或校验失败。这些空格肉眼难辨，但正则可以轻松捕获：
-
\u0020：ASCII 空格（正常空格） -
\u00A0：不换行空格（ -
\u3000：中文全角空格（常见于 Word 或 macOS 输入法） -
\t、\r、\n：制表符、回车、换行
例如，用户提交的用户名里夹着 \u3000，后端用 .trim() 删不掉，必须显式匹配：
const clean = str => str.replace(/[\u00A0\u3000\t\r\n]+/g, ' ').trim();
JS 中替换空格的正则怎么写才安全？
别一上来就用 /\s/g ——它会把换行、制表符甚至 Unicode 分隔符（如 \u200B 零宽空格）全干掉，可能误伤合法格式。
按需选择更明确的模式：
- 只清理「看起来像空格但不该存在」的：
/[\u00A0\u3000]+/g - 把所有空白统一为单个 ASCII 空格：
/[ \t\r\n\u00A0\u3000]+/g - 保留换行但压缩空格：先
replace(/ +/g, ' ')，再replace(/\u00A0/g, ' ')
注意：正则中的 \s 在不同环境行为略有差异（比如某些旧版 Safari 不识别 Unicode 空白），显式列出更可控。
后端校验空格时最容易漏什么？
前端用 input.trim() 挡不住 \u3000 或 \u2000（英文细空格），这些在数据库里存下来，可能导致唯一索引冲突或搜索失效。
建议在后端入库前做一次标准化：
- Python：
re.sub(r'[\u00A0\u3000\u2000-\u200A]+', ' ', text).strip() - SQL（PostgreSQL）：
translate(content, E'\u00A0\u3000', ' ')（需配合trim） - 关键是把「不可见但影响语义」的空格列出来，而不是依赖模糊的
\s
真正麻烦的不是正则本身，而是得先意识到：你看到的“空格”，可能根本不是 \u0020。
