Stay up late to sort out the most comprehensive HTML character entities, it's very easy to eat

HTML character entities

HTML character entities (Character Entities), escape string (Escape Sequence)

Why use escaped strings?

In HTML, <, >, & have special meanings (<,>, used for link signature, & used for escaping) and cannot be used directly. These symbols are not displayed on the webpage we finally see. What if we want to display these symbols on the webpage?

This is about HTML escape string (Escape Sequence).

Escape string (Escape Sequence), also known as character entities (Character Entity). In HTML, there are two reasons for defining escaped strings: The first reason is that symbols like "<" and ">" have been used to represent HTML tags, so they cannot be used directly as symbols in text . In order to use these symbols in HTML documents, you need to define its escape string. When the interpreter encounters such a string, it interprets it as a real character. When entering an escaped string, strictly follow the letter case rules. The second reason is that some characters are not defined in the ASCII character set, so they need to be represented by escaped strings.

The composition of the escape string

Escape sequence (Character Entity) is divided into three parts: the first part is an ampersand, which is called ampersand in English; the second part is the entity (Entity) name or # plus the entity (Entity) number ; The third part is a semicolon.

For example, to display the less than sign (<), you can write <or <.

The advantage of using the Entity name is that it is easier to understand. When you look at lt, you might guess that it means less than, but the disadvantage is that not all browsers support the latest Entity name. The Entity number can be handled by various browsers.

Tip: Entity names are case sensitive.

Remarks: The same symbol can be quoted in two ways: "Entity Name" and "Entity Number". The advantage of "Entity Name" is that it is easy to remember, but it cannot be guaranteed that all browsers can identify it smoothly, while "Entity Number" There is no such worry, but it is really inconvenient to remember.

How to display spaces?

Under normal circumstances, HTML will automatically cut off extra spaces. No matter how many spaces you add, it is treated as one space. For example, if you add 10 spaces between two words, HTML will cut 9 spaces and only keep one. In order to add spaces in a web page, you can use the  representation space.

---

List of HTML special escape characters

The most commonly used character entities

Character Entities

display	Description	Entity name	Entity number
	Half square blank	 	 
	Big blank	 	 
	Blank cell	 	 
<	Less than	&lt;	&#60;
>	more than the	&gt;	&#62;
&	&symbol	&amp;	&#38;
"	Double quotes	&quot;	&#34;
©	copyright	&copy;	&#169;
®	Registered trademark	&reg;	&#174;
™	Trademark (United States)	™	&#8482;
×	Multiplication sign	&times;	&#215;
÷	Division sign	&divide;	&#247;

ISO 8859-1 (Latin-1) character set

HTML 4.01 supports ISO 8859-1 (Latin-1) character set.

Note: For convenience, in the following table, "Entity Name" is referred to as "Name", and "Entity Number" is referred to as "Number"

display	name	Numbering	display	name	Numbering	display	name	Numbering	display	name	Numbering	display	name	Numbering
	 	 	¡	¡	¡	¢	¢	¢	£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦	§	§	§	¨	¨	¨	©	©	©
ª	ª	ª	«	«	«	¬	¬	¬		­	­	®	®	®
¯	¯	¯	°	°	°	±	±	±	²	²	²	³	³	³
´	´	´	µ	µ	µ	¶	¶	¶	·	·	·	¸	¸	¸
¹	¹	¹	º	º	º	»	»	»	¼	¼	¼	½	½	½
¾	¾	¾	¿	¿	¿	AT	À	À	Á	Á	Á	Â	Â	Â
Ã	Ã	Ã	Ä	Ä	Ä	Oh	Å	Å	Æ	Æ	Æ	Ç	Ç	Ç
IS	È	È	IT'S	É	É	Ê	Ê	Ê	E	Ë	Ë	Ì	Ì	Ì
Í	Í	Í	Î	Î	Î	Ï	Ï	Ï	Ð	Ð	Ð	Ñ	Ñ	Ñ
Ò	Ò	Ò	Oh	Ó	Ó	UMBRELLA	Ô	Ô	Õ	Õ	Õ	Ö	Ö	Ö
×	×	×	Ø	Ø	Ø	Ù	Ù	Ù	Ú	Ú	Ú	Û	Û	Û
Ü	Ü	Ü	Italian	Ý	Ý	Þ	Þ	Þ	ß	ß	ß	at	à	à
á	á	á	â	â	â	ã	ã	ã	ä	ä	ä	å	å	å
æ	æ	æ	ç	ç	ç	is	è	è	It's	é	é	ê	ê	ê
e	ë	ë	ì	ì	ì	í	í	í	î	î	î	ï	ï	ï
ð	ð	ð	ñ	ñ	ñ	ò	ò	ò	oh	ó	ó	umbrella	ô	ô
õ	õ	õ	ö	ö	ö	÷	÷	÷	ø	ø	ø	ù	ù	ù
ú	ú	ú	and	û	û	ü	ü	ü	Italy	ý	ý	þ	þ	þ
ÿ	ÿ	ÿ

Math and Greek letter signs

symbols, mathematical symbols, and Greek letters

display	name	Numbering	display	name	Numbering	display	name	Numbering	display	name	Numbering	display	name	Numbering
ƒ	ƒ	ƒ	A	Α	Α	Β	Β	Β	Γ	Γ	Γ	Δ	Δ	Δ
Ε	Ε	Ε	Ζ	Ζ	Ζ	THE	Η	Η	Θ	Θ	Θ	Ι	Ι	Ι
K	Κ	Κ	Λ	Λ	Λ	Μ	Μ	Μ	Ν	Ν	Ν	X	Ξ	Ξ
THE	Ο	Ο	Pi	Π	Π	P.	Ρ	Ρ	Σ	Σ	Σ	Τ	Τ	Τ
Υ	Υ	Υ	Phi	Φ	Φ	Χ	Χ	Χ	Ψ	Ψ	Ψ	Ω	Ω	Ω
a	α	α	b	β	β	c	γ	γ	d	δ	δ	e	ε	ε
g	ζ	ζ	the	η	η	θ	θ	θ	ι	ι	ι	K	κ	κ
λ	λ	λ	μ	μ	μ	ν	ν	ν	X	ξ	ξ	The	ο	ο
Pi	π	π	ρ	ρ	ρ	ς	ς	ς	σ	σ	σ	τ	τ	τ
υ	υ	υ	Phi	φ	φ	χ	χ	χ	ψ	ψ	ψ	ω	ω	ω
?	ϑ	ϑ	?	ϒ	ϒ	?	ϖ	ϖ	•	•	•	…	…	…
′	′	′	″	″	″	‾	‾	‾	⁄	⁄	⁄	℘	℘	℘
ℑ	ℑ	ℑ	ℜ	ℜ	ℜ	™	™	™	A	ℵ	ℵ	←	←	←
↑	↑	↑	→	→	→	↓	↓	↓	↔	↔	↔	↵	↵	↵
⇐	⇐	⇐	⇑	⇑	⇑	⇒	⇒	⇒	⇓	⇓	⇓	⇔	⇔	⇔
∀	∀	∀	∂	∂	∂	∃	∃	∃	∅	∅	∅	∇	∇	∇
∈	∈	∈	∉	∉	∉	∋	∋	∋	∏	∏	∏	∑	∑	∑
−	−	−	∗	∗	∗	√	√	√	∝	∝	∝	∞	∞	∞
∠	∠	∠	∧	∧	∧	∨	∨	∨	∩	∩	∩	∪	∪	∪
∫	∫	∫	∴	∴	∴	∼	∼	∼	∝	≅	≅	≈	≈	≈
≠	≠	≠	≡	≡	≡	≤	≤	≤	≥	≥	≥	⊂	⊂	⊂
⊃	⊃	⊃	⊄	⊄	⊄	⊆	⊆	⊆	⊇	⊇	⊇	⊕	⊕	⊕
⊗	⊗	⊗	⊥	⊥	⊥	⋅	⋅	⋅	?	⌈	⌈	?	⌉	⌉
?	⌊	⌊	?	⌋	⌋	?	⟨	〈	?	⟩	〉	◊	◊	◊
♠	♠	♠	♣	♣	♣	♥	♥	♥	♦	♦	♦

Important international mark

markup-significant and internationalization characters

display	name	Numbering	display	name	Numbering	display	name	Numbering	display	name	Numbering	display	name	Numbering
"	&quot;	&#34;	&	&amp;	&#38;	<	&lt;	&#60;	>	&gt;	&#62;	Œ	&OElig;	&#338;
œ	&oelig;	&#339;	Š	&Scaron;	&#352;	š	&scaron;	&#353;	Ÿ	&Yuml;	&#376;	ˆ	&circ;	&#710;
˜	&tilde;	&#732;		&ensp;	&#8194;		&emsp;	&#8195;	θ	&thinsp;	&#8201;	‌	&zwnj;	&#8204;
‍	&zwj;	&#8205;	‎	&lrm;	&#8206;	‏	&rlm;	&#8207;	–	&ndash;	&#8211;	—	&mdash;	&#8212;
‘	&lsquo;	&#8216;	’	&rsquo;	&#8217;	‚	&sbquo;	&#8218;	“	&ldquo;	&#8220;	”	&rdquo;	&#8221;
„	&bdquo;	&#8222;	†	&dagger;	&#8224;	‡	&Dagger;	&#8225;	‰	&permil;	&#8240;	‹	&lsaquo;	&#8249;
›	&rsaquo;	&#8250;	€	&euro;	&#8364;

---

JavaScript escape characters

Escape sequence	character
\b	backspace
\f	Paper feed
\n	Wrap
\r	Carriage return
\t	Horizontal tab (Ctrl-I)
’	apostrophe
"	Double quotes
\	Backslash

Pay attention to the problem of special characters when programming. Many runtime problems are caused by the appearance of special characters.

I am currently working in front-end development. If you also want to learn front-end development technology now, and you encounter any questions about learning methods, learning routes, learning efficiency, etc. during the process of getting started learning front-end, you can apply to join my front-end learning Communication skirt: front: 421 middle: 374 last: 697. It gathers some beginners, changers, and beginners who are self-learning front-end. I also have some front-end learning manuals compiled during the time I was doing front-end technology, front-end interview questions, front-end development source code tutorials, PDF document book tutorials If you need it, you can get it from the skirt pig.

Note that because the backslash itself is used as an escape character, you cannot type a backslash directly in the script. If you want to generate a backslash, you must type two backslashes (\) together.