我們?cè)谑褂肏TML制作頁(yè)面的過(guò)程中，難免會(huì)用到空格。HTML提供了6種HTML空格實(shí)體（space entity），它們擁有不同的寬度，非斷行空格（  ）是常規(guī)空格的寬度，可運(yùn)行于所有主流瀏覽器。其他幾種空格（    ‌‍    ‌‍）在不同瀏覽器中寬度各異。

1.   

它叫不換行空格，全稱No-Break Space，它是最常見(jiàn)和我們使用最多的空格，大多數(shù)的人可能只接觸了 ，它是按下space鍵產(chǎn)生的空格。在HTML中，如果你用空格鍵產(chǎn)生此空格，空格是不會(huì)累加的（只算1個(gè)）。要使用html實(shí)體表示才可累加，該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。

2.  

它叫“半角空格”，全稱是En Space，en是字體排印學(xué)的計(jì)量單位，為em寬度的一半。根據(jù)定義，它等同于字體度的一半（如16px字體中就是8px）。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性：透明的，此空格有個(gè)相當(dāng)穩(wěn)健的特性，就是其占據(jù)的寬度正好是1/2個(gè)中文寬度，而且基本上不受字體影響。

3. 

它叫“全角空格”，全稱是Em Space，em是字體排印學(xué)的計(jì)量單位，相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)。例如，1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性：透明的，此空格也有個(gè)相當(dāng)穩(wěn)健的特性，就是其占據(jù)的寬度正好是1個(gè)中文寬度，而且基本上不受字體影響。

4.  

它叫窄空格，全稱是Thin Space。我們不妨稱之為“瘦弱空格”，就是該空格長(zhǎng)得比較瘦弱，身體單薄，占據(jù)的寬度比較小。它是em之六分之一寬。

5.‌‌

它叫零寬不連字，全稱是Zero Width Non Joiner，簡(jiǎn)稱“ZWNJ”，是一個(gè)不打印字符，放在電子文本的兩個(gè)字符之間，抑制本來(lái)會(huì)發(fā)生的連字，而是以這兩個(gè)字符原本的字形來(lái)繪制。Unicode中的零寬不連字字符映射為“”（zero width non-joiner，U+200C），HTML字符值引用為： ‌‌

6.‍‍

它叫零寬連字，全稱是Zero Width Joiner，簡(jiǎn)稱“ZWJ”，是一個(gè)不打印字符，放在某些需要復(fù)雜排版語(yǔ)言（如阿拉伯語(yǔ)、印地語(yǔ)）的兩個(gè)字符之間，使得這兩個(gè)本不會(huì)發(fā)生連字的字符產(chǎn)生了連字效果。零寬連字符的Unicode碼位是U+200D(HTML:‍‍ ‍）。

此外，瀏覽器還會(huì)把以下字符當(dāng)作空白進(jìn)行解析：空格（  ）、制表位（ 	）、換行（ 
 ）和回車（ 
 ）還有（ 𒊈）等等。這些在本站的HTML教程中都有所介紹，HTML作為目前前端開(kāi)發(fā)的熱門語(yǔ)言，是我們從事前端開(kāi)發(fā)的基本素養(yǎng)，想要提升自己的小伙伴快來(lái)學(xué)習(xí)吧！