html语言空格怎么写,html中如何插入空格字符代码的6种书写方法

在学习插入空格字符代码书写方法之前，我们要知道，html代码的空格字符，在浏览器中，总会被压缩为一个字符！也就是说，你在html文本中输入多个空格，但在浏览器中，只会保留显示一个字符，其余的都将被浏览器删除。

再打个比如，你在html中输入了8个空格字符，如下图所示：

在显示之前，浏览器会删除其余7个，而只保留一个空格字符，如下图所示：

也就是说，无论你输入多少个空格字符，在浏览器中显示的永远和上图一样，只会显示一个字符的距离。

想要在浏览器中将所有的空格显示出来，就需要使用字符实体。

html中如何插入空格字符代码的6种书写方法

下面，我们就一起了解一下，html中空格的六种字符实体，分别是 、 、 、 、‌、‍，它们在不同浏览器中宽度各异。

第一种： 

 叫不换行空格，也叫做不间断空格，英文全称是No-Break Space，是最常见且使用最多的空格实体，它是按下space空格键产生的空格，它的字符编码是 

但在HTML中，如果你用space空格键产生的空格，是不会累加的(只算1个)，也就是说，你使用space空格键产生了很多空格，也只会显示1个空格，而只有使用实体字符&nbsp表示才可以；

下面的演示案例中，使用了5个相同的字符实体 

以上五个字符实体 表示的空格，都会在浏览器中显示出来，如下图所示：

第二种： 

 是半角空格(En-Space)，它的字符编码 ，en是字体排印学的计量单位，en表示的宽度是em宽度的一半，名义上是小写字母n的宽度，其占据的宽度正好是1/2个中文宽，而且基本上不受字体影响。

第三种： 

 是全角空格(Em-Space)，它的字符编码 ，em是字体排印学的计量单位。相当于当前指定的点数，如1em在16px的字体中就是16px。此空格有个相当稳健的特性，其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。

第四种： 

 是窄空格(Thin-Space)，占据的宽度比较小，它是em之六分之一，所以，该表示的空格是非常小的。

第五种：‌

‌是零宽不连字(全称是Zero Width Non Joiner，简称“ZWNJ”)，是一个不打印字符，放在电子文本的两个字符之间，抑制本来会发生的连字，而是以这两个字符原本的字形来绘制。Unicode中的零宽不连字字符映射为(zero width non-joiner，U+200C)，HTML字符值引用为‌。

第六种：‍

‍是零宽连字(全称是Zero Width Joiner，简称“ZWJ”)，是一个不打印字符，放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间，使得这两个本不会发生连字的字符产生了连字效果。零宽连字符的Unicode码位是U+200D (HTML字符值引用为‍ ‍)。

以上6个空格书写方法，在IE浏览器中显示效果如下：