html中空格字符實體整理

摘要

瀏覽器總是會截短 HTML 頁面中的空格。如果您在文本中寫 10 個空格,在顯示該頁面之前,瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數(shù)量,您需要使用 字符實體。

本篇就單介紹空格的字符實體,HTML提供了6種空格實體(space entity):

 
 
 
 
‌
‍

在web頁面上,一般有3種書寫:

1. 直接輸入法輸入例如“版權(quán)” – ?.
2. 字符:©
3. charCode:©


正文

 

不間斷空格(non-breaking space)字符編碼 :在HTML中,按下space鍵產(chǎn)生,空格不累加(只算1個),要使用html實體表示才可累加。

 

全角空格(Em Space)字符編碼 :em是字體排印學(xué)的計量單位。相當(dāng)于當(dāng)前指定的點數(shù),如1em在16px的字體中就是16px。此空格有個相當(dāng)穩(wěn)健的特性,其占據(jù)的寬度正好是1個中文寬度

 

半角空格(En Space)字符編碼 :en是字體排印學(xué)的計量單位。為em寬度的一半,如1en在16px的字體中就是16px,名義上是小寫字母n的寬度。此空格有個相當(dāng)穩(wěn)健的特性,其占據(jù)的寬度正好是1/2個中文寬度。

 

窄空格(Thin Space)占據(jù)的寬度比較小,它是em之六分之一寬。

‌

零寬不連字(Zero Width Non Joiner)字符編碼&#x200C:簡稱“ZWNJ”,是一個不打印字符,放在電子文本的兩個字符之間,抑制本來會發(fā)生的連字,而是以這兩個字符原本的字形來繪制。HTML字符值‌。

‍

零寬連字(Zero Width Joiner)字符編碼&#x200D:簡稱“ZWJ”,是一個不打印字符,放在某些需要復(fù)雜排版語言(如阿拉伯語、印地語)的兩個字符之間,使得這兩個本不會發(fā)生連字的字符產(chǎn)生了連字效果。HTML字符值‍

其它

  • 瀏覽器還會把以下字符當(dāng)作空白進行解析:空格 、制表位	、換行
和回車
還有 等等。

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

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

  • 使用實體名而不是數(shù)字的好處是,名稱易于記憶。壞處是,瀏覽器也許并不支持所有實體名稱(對實體數(shù)字的支持卻很好)。

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


參考


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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML提供了5種空格實體(space entity),它們擁有不同的寬度,非斷行空格()是常規(guī)空格的寬度,可運行...
    鹿守心畔光閱讀 2,374評論 1 0
  • HTML提供了5種空格實體(space entity),它們擁有不同的寬度,非斷行空格( )是常規(guī)空格的寬度,可運...
    Autumn_a閱讀 609評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,200評論 1 92
  • 大學(xué)4年,學(xué)習(xí)不努力,玩游戲也不努力。結(jié)果校招找工作,正常的公司不要我,搞游戲的公司也不要我,碰了一鼻子灰...
    成都三味民宿閱讀 458評論 0 4
  • 或許大學(xué)這四年,我就學(xué)會了一個字忍
    Lzyyyyyyy_閱讀 157評論 0 0

友情鏈接更多精彩內(nèi)容