html中空格字符實體整理

摘要

瀏覽器老是會截短 HTML 頁面中的空格。若是您在文本中寫 10 個空格，在顯示該頁面以前，瀏覽器會刪除它們中的 9 個。如需在頁面中增長空格的數量，您須要使用 字符實體。

本篇就單介紹空格的字符實體，HTML提供了6種空格實體（space entity）：

 
 
 
 
‌
‍

在web頁面上，通常有3種書寫：

1. 直接輸入法輸入例如「版權」 – ©.
2. 字符：©
3. charCode：©

正文

 

不間斷空格（non-breaking space）字符編碼 ：在HTML中，按下space鍵產生，空格不累加（只算1個），要使用html實體表示纔可累加。

 

全角空格（Em Space）字符編碼 ：em是字體排印學的計量單位。至關於當前指定的點數，如1em在16px的字體中就是16px。此空格有個至關穩健的特性，其佔據的寬度正好是1箇中文寬度。

 

半角空格（En Space）字符編碼 ：en是字體排印學的計量單位。爲em寬度的一半，如1en在16px的字體中就是16px，名義上是小寫字母n的寬度。此空格有個至關穩健的特性，其佔據的寬度正好是1/2箇中文寬度。

 

窄空格（Thin Space）佔據的寬度比較小，它是em之六分之一寬。

‌

零寬不連字（Zero Width Non Joiner）字符編碼&#x200C：簡稱「ZWNJ」，是一個不打印字符，放在電子文本的兩個字符之間，抑制原本會發生的連字，而是以這兩個字符本來的字形來繪製。HTML字符值‌。

‍

零寬連字（Zero Width Joiner）字符編碼&#x200D：簡稱「ZWJ」，是一個不打印字符，放在某些須要複雜排版語言（如阿拉伯語、印地語）的兩個字符之間，使得這兩個本不會發生連字的字符產生了連字效果。HTML字符值‍。

其它

• 瀏覽器還會把如下字符看成空白進行解析：空格 、製表位	、換行
和回車
還有　等等。

• &#x+16進制/十進制表示是 Numeric Character References

• &+實體名表示是 Character Entities References，html字符實體的名字必須是在html中已經定義的才能被使用。

• 使用實體名而不是數字的好處是，名稱易於記憶。壞處是，瀏覽器也許並不支持全部實體名稱（對實體數字的支持卻很好）。

• 實體名稱對大小寫敏感。

參考

• 張鑫旭 web頁面相關的一些常見可用字符介紹

• 張鑫旭 小tips: 使用　等空格實現最小成本中文對齊

• w3school HTML 字符實體

• w3school HTML 實體符號參考手冊

掘金：html中空格字符實體整理
簡書：html中空格字符實體整理
博客園：html中空格字符實體整理