HTML Entity Conversions

Summary:

In HTML, some characters are reserved. The less than sign (<) and greater than sign (>) cannot be used in HTML because the browser mistakenly considers them to be labels. If you want to display reserved characters correctly, we must use the character entity in the HTML source code. To show the less than sign, we have to write this:&lt; or & #60;

The characters commonly used character entity in HTML is a nonbreaking space (&nbsp;). The browser will always truncate the space in the HTML page. If you write 10 spaces in the text, the browser removes 9 of them before the page is displayed. To increase the number of spaces in the page, you need to use &nbsp; The character entity.

List of entities:

The following is a list of common entity tables

Show Results	Description	Entity name	Entity number
	Space	 	& #160;
<	Less than sign	&lt;	& #60;
>	Greater than sign	&gt;	& #62;
&	and number	&amp;	& #38;
"	Quotes	&quot;	& #34;
￠	Score of	&cent;	& #162;
£	Pounds	&pound;	& #163;
¥	Yen	&yen;	& #165;
€	Euro	&euro;	& #8364;
§	Section	&sect;	& #167;
©	Copyright	&copy;	& #169;
®	Registered trademarks	&reg;	& #174;
™	Trademark	&trade;	& #8482;
X	Multiplication sign	&times;	& #215;
÷	Division Sign	&divide;	& #247;

Entity conversions:

Sometimes we need to work with the DOM in JS, but the entity converts the corresponding characters only when the browser renders the page. So we're going to have to write an entity conversion function ourselves. As follows:

functionunescapeentity (str) {var reg =/& (?: nbsp| #160 |lt| #60 |gt|62|amp| #38 |quot| #34 |cent| #162 |pound| #163 |yen| #165 |euro| #8364 |sect| #167 |copy| #169 |reg| #174 |trade| #8482 |times| #215 |divide| #247);/g,Entity= {            ' &nbsp; ' : ‘ ‘,            ' & #160; ' : ‘ ‘,            ' &lt; ' : ' < ',            ' & #60; ' : ' < ',            ' &gt; ' : ' > ',            ' &62; ' : ' > ',            ' &amp; ' : ' & ',            ' & #38; ' : ' & ',            ' &quot; ' : ‘"‘,            ' & #34; ' : ‘"‘,            ' &cent; ' : ' ￠ ',            ' & #162; ' : ' ￠ ',            ' &pound; ' : ' £ ',            ' & #163; ' : ' £ ',            ' &yen; ' : ' ¥ ',            ' & #165; ' : ' ¥ ',            ' &euro; ' : ' € ',            ' & #8364; ' : ' € ',            ' &sect; ' : ' § ',            ' & #167; ' : ' § ',            ' &copy; ' : ' © ',            ' & #169; ' : ' © ',            ' &reg; ' : ' ® ',            ' & #174; ' : ' ® ',            ' &trade; ' : ' ™ ',            ' & #8482; ' : ' ™ ',            ' &times; ' : ' X ',            ' & #215; ' : ' X ',            ' &divide; ': ' ÷ ',            ' & #247; ' : ' ÷ '        }; if(str = = =NULL) {            return‘‘; } STR=str.tostring (); returnStr.indexof (';') < 0? Str:str.replace (Reg,function(chars) {returnEntity[chars];    }); }

Summary:

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

HTML Entity Conversions