HTML中 等6種空白空格的差異

相信很多同學對html的空間符合了解的並不太深，本以為html中的空格只有一個 ，看了之後才知道原來 html的空格符合有六種呢！廢話不多說了，我們一起來看看吧

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空格的新認識。

相關推薦：

#html空格代碼

html空格的多種形式_html/css_WEB-ITnose

#HTML實作行動端固定懸浮半透明搜尋方塊

以上是HTML中       等6種空白空格的差異的詳細內容。更多資訊請關注PHP中文網其他相關文章！