Entités HTML - Une liste d'espaces HTML et d'autres symboles HTML et codes de caractères spéciaux

La plupart des caractères ASCII ont un code spécial que vous pouvez utiliser en HTML pour faire apparaître ce caractère de manière fiable.

Ces entités HTML sont particulièrement utiles pour, par exemple, insérer manuellement des espaces dans votre HTML.

Chacun de ces codes commence par une esperluette et se termine par un point-virgule.

Vous pouvez les utiliser n'importe où dans votre code HTML pour créer ce caractère de manière fiable. Le rendu doit être identique quelle que soit la langue dans laquelle les navigateurs de vos utilisateurs sont définis.

Certains symboles ont des codes plus faciles à retenir. Par exemple, le caractère de devise Euro (€) est

Dans la mesure du possible, j'ai utilisé ces codes plus faciles à retenir au lieu de leurs codes numériques.

Comment utiliser le code de caractère d'espacement

Par exemple, si vous souhaitez insérer un caractère d'espacement, vous pouvez faire quelque chose comme ceci:

Superpower: listening

Vous pouvez même en insérer plusieurs à la suite pour créer un remplissage de texte improvisé:

Superpower:   listening

Comment créer une nouvelle ligne dans HMTL à l'aide du code de caractère de nouvelle ligne

Si vous vouliez forcer une nouvelle ligne:

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

Et oui, vous pouvez également utiliser plusieurs de ceux-ci dos à dos:

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

Une liste complète des codes de caractères d'entités HTML couramment utilisés

Vous trouverez ci-dessous un joli tableau au format ASCII des symboles et des caractères les plus couramment utilisés. Il m'a fallu un certain temps pour assembler tout cela pour leur donner une belle apparence.

En tant que développeur, lorsque je recherche ces codes, j'obtiens souvent des résultats basés sur des images. Celles-ci sont inaccessibles aux personnes ayant une déficience visuelle et empêchent tout le monde de copier-coller les codes.

Donc, si vous trouvez cela utile, veuillez créer un lien vers celui-ci et le partager avec vos amis afin que davantage de personnes puissent en profiter. ?

 +----------+--------+-----------------------------+ | &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) | +----------+--------+-----------------------------+