摘要

瀏覽器總是會截短 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中空格字符實體整理

總結

以上是生活随笔為你收集整理的html中空格字符实体整理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。