Artigo original: HTML Entities – A List of HTML Space and other HTML Symbols and Special Character Codes

A maioria dos caracteres de ASCII tem um código especial que você pode usar em HTML para fazer o caractere aparecer com segurança.

Essas entidades do HTML são particularmente úteis, por exemplo, para inserir um espaço em branco manualmente em seu HTML.

Cada um desses códigos começa com um "e" comercial e termina com um ponto-e-vírgula.

Você pode usá-los em qualquer lugar de seu HTML para fazer aparecer na página aquele caractere. Ele será renderizado da mesma maneira, não importando o idioma em que os navegadores de seus usuários estiverem configurados.

Alguns desses símbolos têm códigos mais fáceis de lembrar. Por exemplo, o código da moeda Euro (€) é €

Sempre que possível, eu utilizei esses códigos fáceis de lembrar em vez dos códigos numéricos.

Como usar o código do espaço em branco,  

Por exemplo, se você quisesse inserir um espaço em branco, poderia fazer algo assim:

<span>Superpoder:&nbsp;escutar</span>

Você pode até inserir diversos deles em sequência para criar um espaçamento de texto:

<span>Superpoder:&nbsp;&nbsp;&nbsp;escutar</span>

Como fazer uma nova linha no HMTL usando o código de caractere &#13;

Se você quiser forçar uma nova linha:

<p>Este é o texto de um parágrafo e&#13;opa! Caiu para uma nova linha.</p>

Sim, você pode usar vários desses um ao lado do outro também:

<p>Este é o texto de um parágrafo e&#13;&#13;&#13;opa! Caiu várias linhas para baixo.</p>

Uma lista completa de códigos de caractere normalmente usados

Abaixo, você verá uma tabela formatada em ASCII da maioria dos símbolos e caracteres normalmente usados. Levou um tempo até que eu reunisse todos eles e desse uma boa aparência à tabela.

Como desenvolvedor, quando eu procuro por esses códigos, geralmente obtenho resultados baseados em imagens. Eles são inacessíveis para pessoas com problemas de visão, além de dificultar o copiar e colar dos códigos.

Se achar esta lista útil, compartilhe o link deste artigo com seus amigos para que mais pessoas possam aproveitar a lista. 😉


+----------+--------+-----------------------------+
|  &código | símbolo|         descrição           |
+----------+--------+-----------------------------+
| &#33;    | !      | ponto de exclamação         |
| &#34;    | "      | aspas duplas                |
| &#35;    | #      | hashtag (octothorpe)        |
| &#36;    | $      | sinal de dólar              |
| &#37;    | %      | sinal de porcentagem        |
| &#38;    | &      | e comercial                 |
| &#39;    | '      | apóstrofo                   |
| &#40;    | (      | parêntese esquerdo          |
| &#41;    | )      | parêntese direito           |
| &#42;    | *      | asterisco                   |
| &#43;    | +      | sinal de mais               |
| &#44;    | ,      | vírgula                     |
| &#45;    | -      | hífen                       |
| &#46;    | .      | ponto                       |
| &#47;    | /      | barra                       |
| &#48;    | 0      | número 0                    |
| &#49;    | 1      | número 1                    |
| &#50;    | 2      | número 2                    |
| &#51;    | 3      | número 3                    |
| &#52;    | 4      | número 4                    |
| &#53;    | 5      | número 5                    |
| &#54;    | 6      | número 6                    |
| &#55;    | 7      | número 7                    |
| &#56;    | 8      | número 8                    |
| &#57;    | 9      | número 9                    |
| &#58;    | :      | dois pontos                 |
| &#59;    | ;      | ponto-e-vírgula             |
| &#60;    | <      | menor que                   |
| &#61;    | =      | sinal de igual              |
| &#62;    | >      | maior que                   |
| &#63;    | ?      | ponto de interrogação       |
| &#64;    | @      | arroba                      |
| &#65;    | A      | A maiúsculo                 |
| &#66;    | B      | B maiúsculo                 |
| &#67;    | C      | C maiúsculo                 |
| &#68;    | D      | D maiúsculo                 |
| &#69;    | E      | E maiúsculo                 |
| &#70;    | F      | F maiúsculo                 |
| &#71;    | G      | G maiúsculo                 |
| &#72;    | H      | H maiúsculo                 |
| &#73;    | I      | I maiúsculo                 |
| &#74;    | J      | J maiúsculo                 |
| &#75;    | K      | K maiúsculo                 |
| &#76;    | L      | L maiúsculo                 |
| &#77;    | M      | M maiúsculo                 |
| &#78;    | N      | N maiúsculo                 |
| &#79;    | O      | O maiúsculo                 |
| &#80;    | P      | P maiúsculo                 |
| &#81;    | Q      | Q maiúsculo                 |
| &#82;    | R      | R maiúsculo                 |
| &#83;    | S      | S maiúsculo                 |
| &#84;    | T      | T maiúsculo                 |
| &#85;    | U      | U maiúsculo                 |
| &#86;    | V      | V maiúsculo                 |
| &#87;    | W      | W maiúsculo                 |
| &#88;    | X      | X maiúsculo                 |
| &#89;    | Y      | Y maiúsculo                 |
| &#90;    | Z      | Z maiúsculo                 |
| &#91;    | [      | colchete esquerdo           |
| &#92;    | \      | barra invertida             |
| &#93;    | ]      | colchete direita            |
| &#94;    | ^      | circunflexo                 |
| &#95;    | _      | sublinha                    |
| &#96;    | `      | crase                       |
| &#97;    | a      | a minúsculo                 |
| &#98;    | b      | b minúsculo                 |
| &#99;    | c      | c minúsculo                 |
| &#100;   | d      | d minúsculo                 |
| &#101;   | e      | e minúsculo                 |
| &#102;   | f      | f minúsculo                 |
| &#103;   | g      | g minúsculo                 |
| &#104;   | h      | h minúsculo                 |
| &#105;   | i      | i minúsculo                 |
| &#106;   | j      | j minúsculo                 |
| &#107;   | k      | k minúsculo                 |
| &#108;   | l      | l minúsculo                 |
| &#109;   | m      | m minúsculo                 |
| &#110;   | n      | n minúsculo                 |
| &#111;   | o      | o minúsculo                 |
| &#112;   | p      | p minúsculo                 |
| &#113;   | q      | q minúsculo                 |
| &#114;   | r      | r minúsculo                 |
| &#115;   | s      | s minúsculo                 |
| &#116;   | t      | t minúsculo                 |
| &#117;   | u      | u minúsculo                 |
| &#118;   | v      | v minúsculo                 |
| &#119;   | w      | w minúsculo                 |
| &#120;   | x      | x minúsculo                 |
| &#121;   | y      | y minúsculo                 |
| &#122;   | z      | z minúsculo                 |
| &#123;   | {      | chave da esquerda           |
| &#124;   | |      | barra vertical              |
| &#125;   | }      | chave da direita            |
| &#126;   | ~      | til                         |
| &larr;   | ←      | seta para esquerda          |
| &uarr;   | ↑      | seta para cima              |
| &rarr;   | →      | seta para direita           |
| &darr;   | ↓      | seta para baixo             |
| &harr;   | ↔      | seta esquerda/direita       |
| &lArr;   | ⇐      | seta dupla para a esquerda |
| &uArr;   | ⇑      | seta dupla para cima        |
| &rArr;   | ⇒     | seta dupla para a direita   |
| &dArr;   | ⇓      | seta dupla para baixo       |
| &hArr;   | ⇔     | seta dupla esquerda/direita |
| &lsquo;  | ‘      | aspa simples esquerda smart |
| &rsquo;  | ’      | aspa simples direita smart  |
| &ldquo;  | “      | aspa dupla esquerda smart   |
| &rdquo;  | ”      | aspa dupla direita smart    |
| &#8218;  | ‚      | aspa simples baixa          |
| &#8222;  | „      | aspa dupla baixa            |
| &ndash;  | -      | travessão en                |
| &mdash;  | –      | travessão em                |
| &nbsp;   |        | espaço sem quebra           |
| &iexcl;  | ¡      | exclamação invertida        |
| &sect;   | §      | sinal de seção (direito)    |
| &brvbar; | ¦      | barra vertical quebrada     |
| &copy;   | ©      | símbolo de copyright        |
| &reg;    | ®      | sinal de marca registrada   |
| &#8482;  | ™      | sinal de marca comercial    |
| &cent;   | ¢      | sinal de centavo            |
| &pound;  | £      | sinal da libra esterlina    |
| &yen;    | ¥      | sinal do Yen                |
| &euro;   | €      | sinal do Euro               |
| &plusmn; | ±      | sinal de mais ou menos      |
| &micro;  | µ      | sinal de micro (mu)         |
| &183;    | ·      | caractere de ponto médio    |
| &deg;    | °      | sinal de grau               |
| &sup1;   | ¹      | um sobrescrito              |
| &sup2;   | ²      | dois sobrescrito (quadrado) |
| &sup3;   | ³      | três sobrescrito (cubo)     |
| &para;   | ¶      | sinal de parágrafo          |
| &middot; | ·      | ponto médio                 |
| &frac14; | ¼      | fração de um quarto         |
| &frac12; | ½      | fração de um meio           |
| &frac34; | ¾      | fração de três quartos      |
| &iquest; | ¿      | interrogação invertida      |
| &#8224;  | †      | adaga                       |
| &#8225;  | ‡      | adaga dupla                 |
| &#8226;  | •      | marcador                    |
| &#8230;  | …      | reticências (três pontos)   |
+----------+--------+-----------------------------+