What is the space code in HTML? (Summarize)

For novices, writing html space symbol codes may be a bit confusing, so this article will summarize and introduce to you various representation methods of html space codes. Hope it is of some help to everyone.

HTML provides 6 types of spaces (space entities), which have different widths.

一、 

Non-line-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, and its full name is No-Break Space. It is the most common and most used space. 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 of the space is obviously and strongly affected by the font;

二、 

"Half-width space", the full name is En-Space, en is the measurement unit of typography, is half the em width. By definition, it is equivalent to half the font width (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: the color of the space is transparent. This space has a very robust feature, that is, the width it occupies is exactly 1/2 the width of a Chinese character, and it is basically not affected by the font;

三、 

"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 1em In a 16px font, it is 16px. This space also inherits the consistent characteristics of the space family: the color of the space is transparent, and the characteristics of this space are also quite robust, that is, the width it occupies is exactly the width of one Chinese character, and it is basically not affected by the font;

四、 

Narrow space, the full name is Thin-Space. We might as well call it a "thin space", that is, the space is relatively thin, has a thin body, and occupies a relatively small width, one-sixth of the em width;

五、zwnj;

is called zero The full name is Zero Width Non. Joiner, referred to as "ZWNJ", is a non-printing character that is placed between two characters of electronic text to suppress the ligatures that would otherwise occur and instead draw the two characters in their original glyphs. Zero-width unhyphenated characters in Unicode are mapped to (zero width non-joiner, U 200C), the HTML character value is quoted as ‌;

六、‍

is called a zero-width ligature, the full name is Zero Width Joiner, referred to as "ZWJ", is a non-printing character that is placed between two characters in certain languages ​​that require complex typesetting (such as Arabic and Hindi), causing these two characters that would not otherwise be hyphenated. Ligature effect. The Unicode code point for the zero-width hyphen is U 200D (HTML character values ​​are quoted as ‍ ‍);

The above is a summary of html space tags. Once you understand it, you can type multiple spaces in html at will. I hope it will be of some reference value to those friends who still have questions about how to write html space codes and how to type html spaces.

The above is the detailed content of What is the space code in HTML? (Summarize). For more information, please follow other related articles on the PHP Chinese website!