HTML中的实体空格

在 HTML 中，如果想要显示空格效果的。一般我们不会采用直接使用 Space 键敲打出来的空格的，而是是采用实体空格的形式来进行显示。

初识实体空格

说到实体空格，首先我们先认识一下实体字符。而实体字符的作用很强大，涉及到字体、图标。 实体字符的通常有两种书写格式：

1. &单词;
2. &#数字;

因此，我们书写实体空格的时候大多是采用 &单词; 的形式，也可以采用 &#数字;的形式。但是数字太难记忆了，大多时候采用 &单词;的形式。很常见的实体空格，如： 。这个效果就是我们在键盘中敲打出来的space 键，后面 sp表示的是单词 space的意思。而对于不同的单词，产生的空格效果是不同的。

实体空格的不同

 

不换行空格  是常被使用到的实体空格。它的全称是 No-Break Space，缩写 nbsp，意思就是不换行空格。而它的效果就是我们在键盘中按下 space 键 的效果。而 space 键的空格效果是不能有多个叠加来的，所以使用  来显示空格效果可以解决无法显示多个空格的问题。

 

全角空格  也是很常被使用到的实体空格。它的全称是 Em Space，缩写 emsp。在 CSS 字体的计量单位中 1em = 16px。而 16px 恰好是一个中文文字的宽度，所以称为全角空格。在显示中文空格的时候，大多会采用  来表示。

 

半角空格  。它的全称是 en Space，缩写 ensp 。由于 1en = 0.5em = 8px，所以称为半角。它的效果很明显就是显示半个中文文字宽度的空格效果。

 

窄空格  。全称是 Thin Space。该空格效果相当于  效果的 1/6 宽，所以很窄。