html中5種空格表示的具體分析

HTML提供了5種空格實體（space entity），它們擁有不同的寬度，非斷行空格（ ）是常規空格的寬度，可運行於所有主流瀏覽器。其他幾種空格（       ‌‍）在不同瀏覽器中寬度各異。

 

         

 

#它叫不換行空格，全名No-Break Space，它是最常見且我們使用最多的空格，大多數的人可能只接觸了 ，它是按下space鍵產生的空格。在HTML中，如果你用空白鍵產生此空格，空格是不會累加的（只算1個）。要使用html實體表示才可累加，

該空格佔據寬度受字體影響明顯而強烈。

 

         

# 

#它稱為「半角空格”，全名是En Space，en是字體排印學的計量單位，為em寬度的一半。根據定義，它等同於字體度的一半（如16px字體中就是8px）。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性：透明的，此空格有個相當穩健的特性，

就是其佔據的寬度正好是1/2個中文寬度，而且基本上不受字體影響。

 

#         

 

#它叫做“全角空格”，全名是Em Space，em是字體排印學的計量單位，相當於目前指定的點數。例如，1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性：透明的，此空格也有相當穩健的特性，

就是其佔據的寬度剛好是1個中文寬度，而且基本上不受字體影響。

 

         

# 

#它叫窄空格，全名是Thin Space。我們不妨稱之為“瘦弱空格”，就是該空格長得比較瘦弱，身體單薄，佔據的寬度比較小。它是em之六分之一寬。

 

‌ 

# 

它叫做零寬不連字，全名為Zero Width Non Joiner，簡稱“ZWNJ”，是一個不打印字符，放在電子文本的兩個字符之間，抑製本來會發生的連字，而是以這兩個字符原本的字形來繪製。 Unicode中的零寬不連字字元對應為「」（zero width non-joiner，U+200C），HTML字元值引用為： ‌

 

#‍

 

它叫零寬連字，全名是Zero Width Joiner，簡稱“ZWJ”，是一個不打印字符，放在某有些需要複雜排版語言（如阿拉伯語、印地語）的兩個字符之間，使得這兩個本來不會發生連字的字符產生了連字效果。零寬連字元的Unicode碼位元是U+200D (HTML: ‍ ‍）。

 

此外，瀏覽器也會把以下字元當作空白進行解析：空格（ ）、製表位（ ）、換行（ ;）和回車（ ）還有（　）等等。

以上是html中5種空格表示的具體分析的詳細內容。更多資訊請關注PHP中文網其他相關文章！