Home > Web Front-end > HTML Tutorial > 6 types of spaces explained in HTML

6 types of spaces explained in HTML

高洛峰
Release: 2017-03-12 17:13:46
Original
2358 people have browsed it

This article introduces the six types of spaces in HTML

HTML provides six types of spaces (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.
 It is called No-Break Space. It is the most common and most used space. Most people may only be exposed to  . It is a 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; half. 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;
&emsp ; is called "full-width space", the full name is Em-Space, em is a unit of measurement in typography, which is equivalent to the currently specified number of points. For example, 1em in a 16px font 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;
  It is called a narrow space , the full name is Thin-Space. We might as well call it a "skinny space", that is, the space is relatively thin, thin, and occupies a relatively small width, one-sixth of the em width;
‌ is called a zero-width hyphen. The full name is Zero Width Non Joiner, or "ZWNJ" for short. It is a non-printable 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. 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 "zero width non-joiner", whose full name is Zero Width Joiner. The abbreviation of "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 the two characters that would not otherwise be hyphenated to be hyphenated. word effect. The Unicode code point of the zero-width hyphen is U+200D (the HTML character value is quoted as ‍ ‍);
In addition, the browser will also parse the following characters as whitespace: space , Tab stop , line feed , carriage return and   etc.

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template