The meaning of the 5 types of spaces in HTML

HTML provides five space entities with different widths. Non-breaking spaces ( ) are the width of regular spaces and work in all major browsers. Several other types of spaces ( ‌‍) have different widths in different browsers.

 

It is called No-Break Space. It is the most common and most used space. Most people may have only come into contact with it. It is the space generated by pressing the space key. In HTML, if you use the space bar to create this space, the spaces are not accumulated (only 1 is counted). To accumulate, you need to use HTML entity representation.

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

 

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

That is, the width it occupies is exactly 1/2 of the width of Chinese characters, and is basically unaffected by the font.

 

It is called "Em Space", the full name is Em Space, em is a unit of measurement in typography, which is equivalent to the currently specified point size. For example, 1 em is 16px in a 16px font. This space also inherits the characteristics of the space family: transparent, this space also has a very stable characteristic,

That is, the width it occupies is exactly the width of one Chinese character, and is basically not affected by the font.

 

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

The above is the meaning of the 5 types of spaces in HTML that I introduced to you. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!