Summary and sharing of space character entities in html

Summary:

Browsers always truncate spaces in HTML pages. If you write 10 spaces in the text, the browser will remove 9 of them before displaying the page. To increase the number of spaces on the page, you need to use the   character entity.

This article only introduces space character entities. HTML provides 6 types of space entities:

 
 
 
 
‌
‍

On web pages, generally There are 3 kinds of writing:

1. 直接输入法输入例如“版权” – ©.
2. 字符：©
3. charCode：©

Text:

non-breaking space Character encoding : In HTML, it is generated by pressing the space key. Spaces are not accumulated (only counted as 1). They must be represented by html entities before they can be accumulated.

Full-width space (Em Space) character encoding<a href="//m.sbmmt.com/code/3792.html" target="_blank">002</a>;: em is TYPOGRAPHY A unit of measurement in science. It is equivalent to the currently specified point number. For example, 1em in a 16px font is 16px. This space has a very robust feature. The width it occupies is exactly 1 Chinese width.

Half-width space (En Space) character encoding : en is the measurement unit of typography. It is half the width of em. For example, 1en is 16px in a 16px font, which is nominally the width of the lowercase letter n. This space has a very robust feature. The width it occupies is exactly 1/2 Chinese width.

Thin Space occupies a relatively small width, it is one-sixth of an em wide.

‌

Zero Width Non Joiner character encoding‌: Abbreviation "ZWNJ" is a non-printable character that is placed between two characters in the electronic text to suppress the ligatures that would otherwise occur and instead draw the two characters in their original glyphs. HTML character value ‌.

‍

Zero Width Joiner character encoding‍: referred to as "ZWJ", is a non-printable Characters are placed between two characters in some languages ​​that require complex typesetting (such as Arabic and Hindi), so that the two characters that would not otherwise be hyphenated will have a hyphenated effect. HTML character value ‍.

Others:

• The browser will also parse the following characters as whitespace: Space , tab stop , line feed and carriage return and 　etc.

• +16/decimal means Numeric Character References

• &+ entity The name means Character Entities References. The name of the html character entity must be defined in html before it can be used.

• The advantage of using entity names instead of numbers is that the names are easier to remember. The downside is that browsers may not support all entity names (support for entity numbers is good).

• Entity names are case-sensitive.

The above is the detailed content of Summary and sharing of space character entities in html. For more information, please follow other related articles on the PHP Chinese website!