在网页制作中，直接通过键盘输入空格键，浏览器默认只会显示一个空格，连续输入多个空格也只会被解析为一个，这是因为html会把连续的空白字符合并处理。要实现不同效果的空格，需要使用对应的html空格符号。
常见的html空格符号类型
html中提供了多种空格实体，不同的实体对应不同的空格宽度和排版规则，常用的有以下几种：
- ：不换行空格，是最常用的空格符号，宽度和当前字体下的普通字符宽度一致，不会因为排版自动换行。
-  ：半角空格，宽度是 的一半，相当于半个中文字符的宽度。
-  ：全角空格，宽度和当前字体下的一个中文字符宽度一致，常用于段落首行缩进。
-  ：窄空格，宽度比 更窄，适合需要小间距的场景。
不同空格符号的使用场景
普通内容间隔
如果只需要在两段文字之间添加一个普通空格，使用 即可，示例如下：
<p>这是第一段内容 这是第二段内容</p>
上述代码会在两段文字之间显示一个标准宽度的空格，不会因为浏览器排版规则被合并。
段落首行缩进
中文排版中段落首行通常需要缩进两个中文字符，这时候使用 最合适，示例如下：
<p>  这是一段需要首行缩进两个字符的段落内容，使用两个全角空格就可以实现符合中文排版规范的缩进效果。</p>
表单元素间距调整
在表单中调整输入框和文字的间距时，如果需要较小的间距，可以使用 ，示例如下：
<label>用户名： <input type="text" placeholder="请输入用户名"></label>
通过CSS实现空格效果
除了使用html空格符号，还可以通过CSS的white-space属性控制空白字符的显示，示例如下：
/* 保留元素内所有的空白字符，包括连续空格和换行 */
.preserve-space {
white-space: pre;
}
给元素添加上述样式后，元素内输入的连续空格都会被保留，不需要再使用空格符号，适合需要保留原始排版格式的内容区域。
注意事项
- 不要连续使用多个
来实现大间距，大间距应该通过CSS的margin或padding属性实现，更符合样式分离的原则。 - 空格符号属于html实体，在代码编写时需要注意正确拼写，错误的实体不会被浏览器解析，会直接显示为文本。
- 如果页面使用了特殊的字体，不同空格符号的实际显示宽度可能会有细微差异，需要实际测试调整。