Entidades HTML: una lista de espacios HTML y otros símbolos HTML y códigos de caracteres especiales

La mayoría de los caracteres ASCII tienen un código especial que puede usar en HTML para que ese carácter aparezca de manera confiable.

Estas entidades HTML son particularmente útiles para, digamos, insertar manualmente espacios en blanco en su HTML.

Cada uno de estos códigos comienza con un ampersand y termina con un punto y coma.

Puede usarlos en cualquier lugar de su HTML para crear ese carácter de manera confiable. Debería representar lo mismo independientemente del idioma en el que estén configurados los navegadores de sus usuarios.

Algunos de los símbolos tienen códigos más fáciles de recordar. Por ejemplo, el carácter de moneda euro (€) es

Siempre que ha sido posible, he utilizado estos códigos más fáciles de recordar en lugar de sus códigos numéricos.

Cómo utilizar el código de caracteres de espacio en blanco

Por ejemplo, si desea insertar un carácter de espacio en blanco, puede hacer algo como esto:

Superpower: listening

Incluso puede insertar varios de estos en una fila para crear un relleno de texto improvisado:

Superpower:   listening

Cómo hacer una nueva línea en HMTL usando el código de carácter de nueva línea

Si desea forzar una nueva línea:

This is paragraph text and woops there is a new line.

Y sí, también puede usar varios de estos uno tras otro:

This is paragraph text and woops there are several new lines.

Una lista completa de códigos de caracteres de entidad HTML de uso común

A continuación se muestra una bonita tabla en formato ASCII de los símbolos y caracteres más utilizados. Me tomó un tiempo ensamblar todos estos para que se vieran bien.

Como desarrollador, cuando busco estos códigos, a menudo obtengo resultados basados ​​en imágenes. Estos son inaccesibles para las personas con discapacidades visuales y dificultan que todos copien y peguen los códigos.

Entonces, si encuentra esto útil, por favor vincule y compártelo con sus amigos para que más personas puedan beneficiarse de él. ?

 +----------+--------+-----------------------------+ | &code | symbol | description | +----------+--------+-----------------------------+ | ! | ! | exclamation point | | " | " | double quotation mark | | # | # | hash symbol (octothorpe) | | $ | $ | dollar sign | | % | % | percentate sign | | & | & | ampersand | | ' | ' | apostrophe | | ( | ( | left parenthesis | | ) | ) | right parenthesis | | * | * | asterisk | | + | + | plus sign | | , | , | comma | | - | - | hyphen | | . | . | period | | / | / | forward slash | | 0 | 0 | the number 0 | | 1 | 1 | the number 1 | | 2 | 2 | the number 2 | | 3 | 3 | the number 3 | | 4 | 4 | the number 4 | | 5 | 5 | the number 5 | | 6 | 6 | the number 6 | | 7 | 7 | the number 7 | | 8 | 8 | the number 8 | | 9 | 9 | the number 9 | | : | : | colon | | ; | ; | semicolon | | < |  | greater-than symbol | | ? | ? | question mark | | @ | @ | at symbol | | A | A | uppercase A | | B | B | uppercase B | | C | C | uppercase C | | D | D | uppercase D | | E | E | uppercase E | | F | F | uppercase F | | G | G | uppercase G | | H | H | uppercase H | | I | I | uppercase I | | J | J | uppercase J | | K | K | uppercase K | | L | L | uppercase L | | M | M | uppercase M | | N | N | uppercase N | | O | O | uppercase O | | P | P | uppercase P | | Q | Q | uppercase Q | | R | R | uppercase R | | S | S | uppercase S | | T | T | uppercase T | | U | U | uppercase U | | V | V | uppercase V | | W | W | uppercase W | | X | X | uppercase X | | Y | Y | uppercase Y | | Z | Z | uppercase Z | | [ | [ | left square bracket | | \ | \ | backslash | | ] | ] | right square bracket | | ^ | ^ | caret | | _ | _ | underscore | | ` | ` | backtick | | a | a | lowercase a | | b | b | lowercase b | | c | c | lowercase c | | d | d | lowercase d | | e | e | lowercase e | | f | f | lowercase f | | g | g | lowercase g | | h | h | lowercase h | | i | i | lowercase i | | j | j | lowercase j | | k | k | lowercase k | | l | l | lowercase l | | m | m | lowercase m | | n | n | lowercase n | | o | o | lowercase o | | p | p | lowercase p | | q | q | lowercase q | | r | r | lowercase r | | s | s | lowercase s | | t | t | lowercase t | | u | u | lowercase u | | v | v | lowercase v | | w | w | lowercase w | | x | x | lowercase x | | y | y | lowercase y | | z | z | lowercase z | |     | right curly brace | | ~ | ~ | tilde | | ← | ← | left arrow | | ↑ | ↑ | up arrow | | → | → | right arrow | | ↓ | ↓ | down arrow | | ↔ | ↔ | left-right arrow | | ⇐ | ⇐ | left double arrow | | ⇑ | ⇑ | up double arrow | | ⇒ | ⇒ | right double arrow | | ⇓ | ⇓ | down double arrow | | ⇔ | ⇔ | left-right double arrow | | ‘ | ‘ | left single smart quote | | ’ | ’ | right single smart quote | | “ | “ | left double smart quote | | ” | ” | right double smart quote | | ‚ | ‚ | single low quotation mark | | „ | „ | double low quotation mark | | – | - | en dash | | — | – | em dash | |   | | nonbreaking space | | ¡ | ¡ | inverted exclamation mark | | § | § | section sign (used in law) | | ¦ | ¦ | broken vertical bar | | © | © | copyright symbol | | ® | ® | registered trademark symbol | | ™ | ™ | trademark sign | | ¢ | ¢ | cent sign | | £ | £ | Pound Sterling sign | | ¥ | ¥ | Yen sign | | € | € | Euro sign | | ± | ± | plus-or-minus sign | | µ | µ | micro symbol (mu) | | &183; | · | middle dot character | | ° | ° | degree sign | | ¹ | ¹ | superscript one | | ² | ² | superscript two (squared) | | ³ | ³ | superscript three (cubed) | | ¶ | ¶ | paragraph sign | | · | · | middle dot | | ¼ | ¼ | one quarter fraction | | ½ | ½ | one half fraction | | ¾ | ¾ | three quarters fraction | | ¿ | ¿ | inverted question mark | | † | † | dagger | | ‡ | ‡ | double dagger | | • | • | bullet | | … | … | ellipsis (three dots) | +----------+--------+-----------------------------+