在 HTML 中添加空格

在 HTML 中，空格通常指的是普通的空格字符（ASCII 字符码 32），在浏览器渲染页面时会将连续的多个空格合并成一个，这种空格称为普通空格。

除了普通空格之外，HTML 还提供了其他几种空格字符，它们的意义和使用方法不同于普通空格，下面将逐一介绍。

空格字符实体

在 HTML 中，空格字符可以用实体表示法来表示，即将字符转义成特定的字符串，最常用的实体是  ，表示非断行空格（Non-Breaking SPace）。

这里是普通的空格：hello   world
这里是用实体表示的空格：hello   world

其中   的含义是不允许在该位置自动断行，通常用于需要保持连续性的文本。

空白符合并

在 HTML 中，若连续出现多个普通空格字符（空格、制表符、换行符等），浏览器会将其合并成一个普通空格。因此如果想显式地添加多个空格，需要使用以下两种方法：

使用多个实体

hello    world

使用 pre 元素

<pre>
    hello    world
</pre>

pre 元素会保留文本中的空格和换行符，在样式上与普通文本存在一些区别。

其他空格字符

除了普通空格字符外，HTML 中还提供了以下两种特殊的空格字符：

英文半角空格

英文半角空格（Unicode 字符 U+0020）与普通空格是等价的。

中文全角空格

中文全角空格（Unicode 字符 U+3000）通常用于中文排版中的空格，宽度与中文字符相同。

这里是普通的空格：hello   world
这里是英文半角空格：hello world
这里是中文全角空格：hello　world