HTML語言當中6種空白空格符號種類說明以及區別

字號+ 編輯: 种花家 修訂: 种花家 來源: 原创 2023-09-23 我要說兩句(0)

許多開發者對html標記語言當中的空格符號不是很熟悉, 除了nbsp也很少用其他幾種, 小編在這裡收集一下。

HTML提供了5種空格實體(space entity),它們擁有不同的寬度,非斷行空格(nbsp)是常槼空格的寬度,可運行於所有主流瀏覽器。其他幾種空格在不同瀏覽器中寬度各異。

不換行空格

 

它叫不換行空格,全稱No-Break Space,它是最常見和我們使用最多的空格,大多數的人可能只接觸了這種半角空格,鍵盤上空格鍵一敲, 就能産生。在HTML網頁代碼中,如果你單純用空格鍵一個勁兒的敲,到了網站瀏覽器裡面, 空格是不會累加的, 只能算成一個。要使用這種nbsp的方式才可以累加,該空格佔據寬度受字體影響明顯而強烈。

半角空格

 

它才是典型的“半角空格”,全稱是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: ‍ ‍)。

此外,瀏覽器還會把以下字符當作空白進行解析:

空格( )、制表位(	)、換行(
)和回車(
)還有( )

閲完此文,您的感想如何?
  • 有用

    10

  • 沒用

    6

  • 開心

    6

  • 憤怒

    6

  • 可憐

    6

1.如文章侵犯了您的版權,請發郵件通知本站,該文章將在24小時内刪除;
2.本站標注原創的文章,轉發時煩請注明來源;
3.交流群: 2702237 13835667

相關課文
  • 上傳自定義文档的時候查如何填寫上傳表單中的access, mimeType等字段值

  • HTML5+CSS3——第6章 HTML5表單標簽,與瀏覽者交互

  • HTML5+CSS3——第5章 HTML5圖片、鏈接及表格標簽

  • HTML5+CSS3——第4章 HTML5列表標簽

我要說說
網上賓友點評