HTML space of six ways

HTML provides five spaces entity (space entity), they have different widths, non-breaking space () is the width of conventional spaces, it runs on all major browsers. Several other spaces () width varies in different browsers.

 
It is called non-breaking space, the full name of No-Break Space, which is the most common and most of us use the space, most people may only contact with, and it is produced by pressing the space key space. In HTML, if you produce this space with the space bar, the space is not cumulative (only count 1). To use html entities represented before the accumulation, the space occupied by the width font clear and strong influence.


It's called "half-size space", stands En Space, en is the unit of measurement to learn typography, em is half the width. By definition, it is equivalent to half of the font (e.g. 16px font is 8px). Nominally lowercase n width. This space has always been a family heritage space features: transparent, this space has a fairly robust nature, it is occupied by its width is just 1/2 the width of the Chinese, but also largely unaffected font affected.


It's called "full-space", stands Em Space, em is a unit of measurement typography study, the equivalent of the currently specified number of points. For example, 1 em in the font is 16px 16px. This space also inherited the family has always been a space of features: transparent, this space also has a fairly robust nature, it is occupied by its width is just a Chinese width, font and basically not affected.


It's called narrow spaces, it stands for Thin Space. We might call it "thin space" is the space looked like a thin, thin body, occupy a relatively small width. It is one-sixth of em wide.

It's
called zero-width non-joiner, stands for Zero Width Non Joiner, referred to as "ZWNJ", is a non-printing characters, placed between two characters in electronic text, inhibition of ligatures would have happened, but in this two original font characters to draw. Unicode is zero-width non-joiner mapped character "" (zero width non-joiner , U + 200C), HTML numeric character reference is:

It's
called zero-width joiner, stands for Zero Width Joiner, referred to as "ZWJ", is a non-printing characters, placed between some require complex typesetting language (such as Arabic, Hindi) of two characters, making the two ligatures will not happen this produces a ligature effect. Even zero-width characters are Unicode code U + 200D (HTML::) .

A good Web front-end development engineer on the knowledge we must have breadth but also depth, so many large companies paid out even if it is difficult to recruit the ideal front-end development engineer. So how systematic study and practical web front-end technology companies do, for the establishment of a web front-end live class learning buttoned skirts, web front-end figure is four hundred ninety-one front, the front end of the middle of the figure is four hundred and four web, web front-end final three eighty-nine digital connect it wants. Really want to learn can enter, soy sauce, do not waste everyone's time. Now that the focus is not to explain the technology, but more focused on the explanation of the techniques. Technical black and white, only right and wrong, and skill is a matter of opinion.

Guess you like

Origin blog.51cto.com/14392904/2412928