How to express spaces in html

Representation of spaces: 1. Space character entities “ ”, “ ”, “ ”, “ ”, “‌” and “‍”; 2. “& #x0020;", " ", " ", " " and so on.

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

Several manifestations of spaces in html

1. Space entities

 

It is called No-Break Space, the full name is No-Break Space. It is the most common space and the one we use the most. Most people may only be exposed to it. It is the space produced 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 is 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 it occupies is exactly 1/2 the Chinese width, and it is basically not affected by the font.

 

It is called "full-width space", the full name is Em Space, em is the measurement unit of 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: it is transparent. This space also has a very stable characteristic.

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

 

It is called narrow space, and its 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.

‌

Zero Width Non Joiner, the full name is Zero Width Non Joiner, referred to as "ZWNJ", is a non-printing character placed at both ends of electronic text between characters, suppress the ligatures 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 Zero Width Joiner, the full name is Zero Width Joiner, or "ZWJ" for short. It is a non-printing character that is placed between two characters in some languages ​​that require complex typesetting (such as Arabic and Hindi). This makes the two characters that would not be hyphenated produce a hyphenated effect. The Unicode code point for the zero-width hyphen is U 200D (HTML: ‍; ‍).

2. Others:

In addition, the browser will also parse the following characters as blanks: space ( ) , tab stop ( ), line feed ( ), carriage return ( ) and (　) and so on.

Recommended tutorial: "html video tutorial"

The above is the detailed content of How to express spaces in html. For more information, please follow other related articles on the PHP Chinese website!