How to use spaces in HTML

This time I will show you how to use spaces in HTML and how to use spaces in HTML? What are the precautions when using spaces in HTML? The following is a practical case, let’s take a look.

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.

& nbsp;

It is called not to change the space, the full name No- Break Space, it is the most common space with us. Most people may only contact only Yes, it 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 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 unit of measurement in 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.

                                                                                                                                                                 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’s 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.

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to php Chinese website

Other

related articles! Related reading:

How to insert a video into an HTML webpage

How to make an HTML text box read-only effect

How to make the front-end interface automatically clear the cache of js and css files

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