在 Web 开发中,有多种空格符号可以通过 HTML 实体或 Unicode 字符表示,用于不同的排版需求。以下是常见的空格符号及其用途:

1. 普通空格(Space)
字符:` `(键盘空格键输入)
HTML 实体:无需实体,直接输入空格。
Unicode:`U+0020`
特点:多个连续空格会被浏览器合并为一个,除非使用 `white-space: pre` 等 CSS 属性。
2. 非断行空格(Non-Breaking Space)
HTML 实体:` ` 或 `&160;` / `&xA0;`
Unicode:`U+00A0`
用途:防止内容在空格处换行,常用于固定间距(如“10 kg”)。
3. 半角空格(En Space)
HTML 实体:` ` 或 `&8194;` / `&x2002;`
Unicode:`U+2002`
宽度:等于当前字体大小的一半(如 `1em` 字体下为 `0.5em`)。
用途:排版对齐(如表格、数字列)。
4. 全角空格(Em Space)
HTML 实体:` ` 或 `&8195;` / `&x2003;`
Unicode:`U+2003`
宽度:等于当前字体大小的全角(如 `1em` 字体下为 `1em`)。
用途:中文排版或大段分隔。
5. 窄空格(Thin Space)
HTML 实体:` ` 或 `&8201;` / `&x2009;`
Unicode:`U+2009`
宽度:约为 `0.25em`。
用途:数字与单位间隔(如“100 m”)。
6. 零宽空格(Zero-Width Space)
HTML 实体:`&8203;` 或 `​`
Unicode:`U+200B`
特点:不可见,用于控制换行位置(如长单词中插入换行点)。
7. 全角空格(中文排版)
字符:` `(中文输入法下按全角空格键)
Unicode:`U+3000`
用途:中文段落首行缩进或全角对齐。
其他特殊空格
三位空格(Three-Per-Em Space):`&x2004;`(宽度 `1/3em`)。
四位空格(Four-Per-Em Space):`&x2005;`(宽度 `1/4em`)。
六分空格(Six-Per-Em Space):`&x2006;`(宽度 `1/6em`)。
注意事项
浏览器兼容性:部分空格符号可能需要特定字体支持。
CSS 控制:使用 `white-space` 属性控制空格合并行为(如 `pre` 或 `pre-wrap`)。
实际效果:空格宽度可能因字体和浏览器不同略有差异。
根据需求选择合适的空格符号,可以提升网页排版的美观性和专业性。