Detailed analysis of five types of spaces in HTML

HTML provides 5 types of space entities (space entities), which have different widths. Non-breaking spaces ( ) are the width of regular spaces and can run in all major browsers. Several other spaces (       ‌‍ ) have different widths in different browsers.

 

It is called No-Break Space, the full name is No-Break Space. It is the most common space that we use the most. Most people may only be exposed to  , which is the space generated by pressing the space key. In HTML, if you use the space bar to generate this space, the spaces will not accumulate (only count as 1). It can only be accumulated using html entity representation.

The width occupied by this space is obviously and strongly affected by the font.

## 

It’s called “ "Half-width space", the full name is En Space, en is the measurement unit of typography, which is half of the width of em. By definition, it is equivalent to half the font size (e.g. 8px in a 16px font). Nominally the width of the lowercase letter n. This space inherits the consistent characteristics of the space family: it is transparent. This space has a very stable characteristic.

means that the width occupied by its

is exactly 1/2 Chinese width, and is basically not affected by fonts.

## 

It's called "full-width space", and its full name is Em Space. Em is a unit of measurement in typography, which is equivalent to the currently specified number of points. For example, 1 em in a 16px font is 16px. This space also inherits the consistent characteristics of the space family: transparent. This space also has a fairly robust feature,

means that the width occupied by is exactly 1 Chinese width , and is basically not affected by the font.

## 

It’s called narrow Space, the full name is Thin Space. We might as well call it a "skinny space", which means that the space is relatively thin, has a thin body, and occupies a relatively small width. It is one-sixth of an em wide.

‌ Non Joiner, abbreviated as "ZWNJ", is a non-printing character that is placed between two characters of electronic text to suppress the ligation that would otherwise occur and instead draw the two characters in their original glyphs. The zero width non-joiner character in Unicode is mapped to "" (zero width non-joiner, U+200C), and the HTML character value is quoted as: ‌

‍

It is called a zero-width ligature. Its full name is Zero Width Joiner, or "ZWJ" for short. It is a non-printing character that is placed somewhere Between two characters in languages ​​​​that require complex typesetting (such as Arabic and Hindi), the two characters that would not otherwise be hyphenated have a ligature effect. The Unicode code point for the zero-width hyphen is U+200D (HTML: ‍ ‍).

In addition, the browser will also parse the following characters as whitespace: space ( ), tab stop ( ), newline ( ;) and carriage return ( ) and (　) and so on.

The above is the detailed content of Detailed analysis of five types of spaces in HTML. For more information, please follow other related articles on the PHP Chinese website!