html中空格字元實體整理

easyblue發表於2017-09-21
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中已經定義的才能被使用。

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

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


參考


掘金：html中空格字元實體整理
簡書：html中空格字元實體整理
部落格園：html中空格字元實體整理

相關文章