你不知道的空格

本文對瞭解的空格分為幾個Level，看大家能達到哪個level。

Level1： 半形空格

歷史最悠久的空格，在1967年，ASCII 規範中被定義。
空格在 ASCII 中編碼為0x20, 占位符為一個半形字元。在日常英文書寫和代碼編寫中使用。

Level2: 全形空格

中文輸入中的空格（標準說法為中日韓表意字元(CJK)中使用的寬空格）。和其他漢字一樣，作為GBK的一個字元，其對應的unicode碼為\u3000.寬度是2個半形空格的大小。
例如：

  國父　孫中山先生 

Level3: 不間斷空格 ( non-breaking space )

unicode 為 \u00A0, 在代碼中可能會出現的編碼錯誤(utf8 編碼0xC2 0xA0) 就是它了。
在Word中，會遇到一個有多個單片語成的片語被分割在兩行文字中，這樣很容易讓人看不明白。這時候，不間斷空格就可以上場了。
輸入不間斷空格，會將不間斷空格連著的單詞在一行展示。
舉個例子：

上面英文使用了不間斷空格，下麵沒有使用。所以上面的英文自動在一行展示，而下麵沒有。
在word中輸入不間斷空格的方式為: (Ctrl + Shift + Space)

除了在word等文本編輯軟體中使用，其實不間斷空格在html 中大量使用。  是html 中最為常見的空格。由於html頁面中，如果有多個連著的半形空格，則空格只會展示一個。而使用  空格，則會顯示占位半個自寬。

Level4: 零寬度空格 (ZERO WIDTH SPACE)

零寬度空格有兩種

1. 零寬度空格 unicode 編碼為 \u200B.

不可見非列印字元。有了半形空格，也有了全形空格，其實還有零寬度空格。因為寬度為零，因此該字元是一個不可見字元。
這個編碼雖然是不可見的，但是也是非常有用的。它可以替換html中的標簽(軟換行, html5 新增)。

2. 零寬度非中斷空格(ZWNBSP) unicode 編碼為 \u2060 (之前使用\ufeff表示，unicode 3.2 開始 \ufeff 標記unicode文檔的位元組序。)
   該空格結合了 non-breaking space 和 零寬度空格的特點。既會自動換行，寬度又是0。

零寬度空格（軟換行）舉例：

一行連續的英文編碼:

<p style="font-size:100px;">PhpIsTheBestProgramingLanguageInTheWorld</p>

chrome 中將顯示不換行：

而如果在每個可以換行的地方加上 <wbr />, 則可以在標記的最近的地方換行。

<p style="font-size:100px;">Php<wbr />Is<wbr />The<wbr />Best<wbr />Programing<wbr />Language<wbr />In<wbr />The<wbr />World</p>

chrome 中將顯示：

Level5: 其他空格字元空格

雖然已經有半形空格、全形空格，但是上面的空格如果字體變化了，不會隨著字體的變化而變化。
因此，又有了可以隨著字體的變化而變化的空格，簡單羅列如下：

在html 的寬度度量中，有一種單位叫em，是按照字體大小定義的，下麵的em也是字體的寬度。
列印字元的空格有很多種，羅列幾個：

相關鏈接:

• https://en.wikipedia.org/wiki/Zero-width_space
• https://en.wikipedia.org/wiki/Em_(typography)
• https://en.wikipedia.org/wiki/En_(typography)
• https://en.wikipedia.org/wiki/Zero-width_space
• https://en.wikipedia.org/wiki/Thin_space
• https://en.wikipedia.org/wiki/Whitespace_character
• https://www.unicode.org/charts/PDF/U2000.pdf
• https://web.archive.org/web/20100314135826/https://www.microsoft.com/typography/developers/fdsspec/spaces.htm
• https://en.wikipedia.org/wiki/Word_joiner