Les caractères spéciaux en HTML
Le langage de balisage HTML (HyperText MArkup Language) demande de respecter un codage spécifique pour les caractères spéciaux. Ainsi, tous les caractères accentués doivent être « traduits » dans des suites de caractères qui débutent par & et se terminent par un point virgule (;).
La compatibilité des caractères spéciaux HTML avec les navigateurs
Tous les navigateurs web du marché (Google Chrome, Firefox, Safari, Internet Explorer, Edge, Opera) sont compatibles avec les caractères spéciaux présentés dans cette liste.
Attention à la casse des caractères spéciaux HTML
Attention, la casse des caractères spéciaux html est importante. Il convient de les copier-coller comme indiqué dans les différents tableaux ci-dessous sans ajouter une majuscule à un code qui n’en avait pas et inversement.
Caractères spéciaux de ponctuations, symboles et leurs correspondances html / ASCII
Vous recherchez une liste complète de codes HTML à copier-coller pour pouvoir intégrer des caractères spéciaux dans des pages web ?
Voici une première liste avec l’intégralité des entités HTML qui correspondent à des caractères de ponctuation et symboles divers :
| Caractères spéciaux | Entités HTML | Caractère ASCII | Description caractères |
|---|---|---|---|
| |   | Espace insécable | |
| | ­ | ­ | Tiret de césure optionnelle |
| | ‎ | ‎ | Marque gauche-à-droite |
| | ‏ | ‏ | Marque droite-à-gauche |
| « | " | " | Guillemet double (anglais) |
| « | « | « | Guillemet français ouvrant |
| » | » | » | Guillemet français fermant |
| ‹ | ‹ | ‹ | Guillemet français simple ouvrant |
| › | › | › | Guillemet français simple fermant |
| “ | “ | “ | Guillemet double ouvrant (anglais) |
| ” | ” | ” | Guillemet double fermant (anglais) |
| „ | „ | „ | Guillemet double fermant bas (anglais) |
| ‘ | ' | ' | Guillemet simple droit |
| ‘ | ‘ | ‘ | Guillemet simple ouvrant (anglais) |
| ’ | ’ | ’ | Guillemet simple fermant (anglais) |
| ‚ | ‚ | ‚ | Guillemet simple fermant (anglais) |
| … | … | … | Points de suspension |
| ! | ! | ! | Point d’exclamation |
| ¡ | ¡ | ¡ | Point d’exclamation inversé |
| ? | ? | ? | Point d’interrogation |
| ¿ | ¿ | ¿ | Point d’interrogation inversé |
| ( | ( | ( | Parenthése ouvrante |
| ) | ) | ) | Parenthése fermante |
| [ | [ | [ | Crochet ouvrant |
| ] | ] | ] | Crochet fermant |
| { | { | { | Accolade ouvrante |
| } | } | } | Accolade fermante |
| ¨ | ¨ | ¨ | Tréma |
| ´ | ´ | ´ | Accent aigu |
| ` | ` | ` | Accent grave |
| ^ | ^ | ^ | Accent circonflexe |
| ˆ | ˆ | ˆ | Accent circonflexe |
| ~ | ~ | ~ | Tilde |
| ˜ | ˜ | ˜ | Petit tilde |
| ¸ | ¸ | ¸ | Cédille |
| # | # | # | Dièse |
| * | * | * | Etoile |
| , | , | , | Virgule |
| . | . | . | Point |
| : | : | : | Deux-points |
| ; | ; | ; | Point-virgule |
| · | · | · | Point médian |
| • | • | • | Gros point médian |
| ¯ | ¯ | ¯ | Macron |
| ‾ | ‾ | ‾ | Tiret en chef |
| – | – | - | Tiret quart-cadratin |
| – | – | – | Tiret demi-cadratin |
| — | — | — | Tiret cadratin |
| _ | _ | _ | Tiret bas (underscore) |
| | | | | | | Séparateur vertical (pipe) |
| ¦ | ¦ | ¦ | Barre verticale scindée |
| | ‌ | ‌ | Antiliant sans chasse |
| | ‍ | ‍ | Liant sans chasse |
| † | † | † | Obèle |
| ‡ | ‡ | ‡ | Double obèle |
| § | § | § | Section |
| ¶ | ¶ | ¶ | Paragraphe |
| © | © | © | Copyright |
| ® | ® | ® | Marque déposée |
| ™ | ™ | ™ | Marque commerciale |
| & | & | & | Et commercial |
| @ | @ | @ | Arobase |
| / | / | / | Slash |
| \ | \ | \ | Anti-slash |
| ◊ | ◊ | ◊ | Losange |
| ♠ | ♠ | ♠ | Pique noir |
| ♣ | ♣ | ♣ | Trèfle noir |
| ♥ | ♥ | ♥ | Cœur noir |
| ♦ | ♦ | ♦ | Carreau noir |
| ← | ← | ← | Flèche vers la gauche |
| ↑ | ↑ | ↑ | Flèche vers le haut |
| → | → | → | Flèche vers la droite |
| ↓ | ↓ | ↓ | Flèche vers le bas |
| ↔ | ↔ | ↔ | Flèche bilatérale gauche-droite |
Caractères spéciaux accentués, alphabétiques et leurs correspondances html / ASCII
Si vous recherchez les entités HTML associées à des lettres alphabétiques accentuées, en minuscules ou majuscules, cette liste devrait vous intéresser :
| Caractères spéciaux | Entités HTML | Caractère ASCII | Description caractères |
|---|---|---|---|
| á | á | á | a accent aigu |
| Á | Á | Á | A muscule accent aigu |
| â | â | â | a accent circonflexe |
| Â | Â | Â | A accent circonflexe |
| à | à | à | a accent grave |
| À | À | À | A majuscule accent grave |
| å | å | å | |
| Å | Å | Å | |
| ã | ã | ã | a avec caron |
| Ã | Ã | Ã | A avec caron |
| ä | ä | ä | a tréma |
| Ä | Ä | Ä | A tréma |
| æ | æ | æ | æ ligaturés |
| Æ | Æ | Æ | AE ligaturés |
| ç | ç | ç | c capitale cédille |
| Ç | Ç | Ç | C capitale cédille |
| é | é | é | e accent grave |
| É | É | É | e accent aigu |
| ê | ê | ê | e accent circonflexe |
| Ê | Ê | Ê | E accent aigu |
| è | è | è | E accent circonflexe |
| È | È | È | E accent grave |
| ë | ë | ë | e tréma |
| Ë | Ë | Ë | E tréma |
| í | í | í | |
| Í | Í | Í | |
| î | î | î | i accent circonflexe |
| Î | Î | Î | I accent circonflexe |
| ì | ì | ì | |
| Ì | Ì | Ì | |
| ï | ï | ï | i tréma |
| Ï | Ï | Ï | I tréma |
| ñ | ñ | ñ | n avec caron |
| Ñ | Ñ | Ñ | N avec caron |
| ó | ó | ó | |
| Ó | Ó | Ó | |
| ô | ô | ô | o accent circonflexe |
| Ô | Ô | Ô | O accent circonflexe |
| ò | ò | ò | O accent grave |
| Ò | Ò | Ò | o accent grave |
| ø | ø | ø | o barré |
| Ø | Ø | Ø | O barré |
| õ | õ | õ | |
| Õ | Õ | Õ | |
| ö | ö | ö | o tréma |
| Ö | Ö | Ö | O tréma |
| œ | œ | œ | oe ligaturés |
| Œ | Œ | Œ | OE ligaturés |
| š | š | š | |
| Š | Š | Š | |
| ß | ß | ß | |
| ð | ð | ð | |
| Ð | Ð | Ð | |
| þ | þ | þ | thorn (islandais) |
| Þ | Þ | Þ | Thorn (islandais) |
| ú | ú | ú | |
| Ú | Ú | Ú | |
| û | û | û | u accent circonflexe |
| Û | Û | Û | U accent circonflexe |
| ù | ù | ù | u accent grave |
| Ù | Ù | Ù | U accent grave |
| ü | ü | ü | u tréma |
| Ü | Ü | Ü | U tréma |
| ý | ý | ý | |
| Ý | Ý | Ý | |
| ÿ | ÿ | ÿ | y tréma |
| Ÿ | Ÿ | Ÿ | Y tréma |
Caractères spéciaux pour les monnaies et leurs correspondances html / ASCII
Si vous souhaitez intégrer dans du HTML des caractères spéciaux associés à des monnaies, cette liste qui contient les principales monnaies utilisées dans le monde devrait vous intéresser:
| Caractères spéciaux | Entités HTML | Caractère ASCII | Description caractères |
|---|---|---|---|
| ¤ | ¤ | ¤ | Symbole monnaitaire |
| € | € | € | Euro (monnaie Européenne) |
| $ | $ | $ | Dollar (monnaie Américaine) |
| ¢ | ¢ | ¢ | Cent (monnaie Américaine) |
| £ | £ | £ | Pound, Livre sterling (Monnaie anglaise) |
| ¥ | ¥ | ¥ | Yen (Monnaie japonaise) |
| ƒ | ƒ | ƒ | Florin (Idem fonction) |
Caractères spéciaux pour les mathématiques et correspondances html / ASCII
Si vous êtes plutôt à la recherche des correspondances HTML ou ASCII pour les caractères mathématiques, scientifiques ou physiques, la liste ci-dessous contient toutes les correspondances dont vous aurez besoin :
| Caractères spéciaux | Entités HTML | Caractère ASCII | Description caractères |
|---|---|---|---|
| ° | ° | ° | Degré |
| µ | µ | µ | Mu |
| < | < | < | Inférieur |
| > | > | > | Supérieur |
| ≤ | ≤ | ≤ | Inférieur ou égal |
| ≥ | ≥ | ≥ | Supérieur ou égal |
| = | = | = | Egal |
| ≈ | ≈ | ≈ | Presque égal |
| ≠ | ≠ | ≠ | Différent |
| ≡ | ≡ | ≡ | Equivalent |
| ± | ± | ± | Plus-ou-moins |
| − | − | − | Moins |
| + | + | + | Plus |
| × | × | × | Multiplication |
| ÷ | ÷ | ÷ | Division |
| ⁄ | ⁄ | ⁄ | Fraction |
| % | % | % | Pour cent |
| ‰ | ‰ | ‰ | Pour mille |
| ¼ | ¼ | ¼ | Un quart |
| ½ | ½ | ¼ | Un demi |
| ¾ | ¾ | ¼ | Trois quarts |
| ¹ | ¹ | ¹ | Exposant 1 |
| ² | ² | ² | Exposant 2 |
| ³ | ³ | ³ | Exposant 3 |
| º | º | º | Indicateur ordinal masculin |
| ª | ª | ª | Indicateur ordinal féminin |
| ƒ | ƒ | ƒ | Fonction (idem florin) |
| ′ | ′ | ′ | Prime, minutes, dérivée |
| ″ | ″ | ″ | Double prime, secondes, dérivée seconde |
| ∂ | ∂ | ∂ | Dérivée partielle |
| ∏ | ∏ | ∏ | Produit n-aire |
| ∑ | ∑ | ∑ | Somme n-aire |
| √ | √ | √ | Racine carrée |
| ∞ | ∞ | ∞ | Infini |
| ¬ | ¬ | ¬ | Crochet de négation |
| ∩ | ∩ | ∩ | Intersection |
| ∫ | ∫ | ∫ | Intégrale |
Caractères spéciaux pour l’alphabet grec et leurs correspondances html / ASCII
Vous souhaitez intégrer des caractères de la langue Grecque dans du code HTML ? Cette liste vous donne toutes les entités HTMl à copier-coller en fonction du caractère souhaité :
| Caractères spéciaux | Entités HTML | Caractère ASCII | Description caractères |
|---|---|---|---|
| α | α | α | alpha |
| Α | Α | Α | Alpha |
| β | β | β | beta |
| Β | Β | Β | Beta |
| γ | γ | γ | gamma |
| Γ | Γ | Γ | Gamma |
| δ | δ | δ | delta |
| Δ | Δ | Δ | Delta |
| ε | ε | ε | epsilon |
| Ε | Ε | Ε | Epsilon |
| ζ | ζ | ζ | zeta |
| Ζ | Ζ | Ζ | Zeta |
| η | η | η | eta |
| Η | Η | Η | Eta |
| θ | θ | θ | theta |
| Θ | Θ | Θ | Theta |
| ι | ι | ι | iota |
| Ι | Ι | Ι | Iota |
| κ | κ | κ | kappa |
| Κ | Κ | Κ | Kappa |
| λ | λ | λ | lambda |
| Λ | Λ | Λ | Lambda |
| μ | μ | μ | mu |
| Μ | Μ | Μ | Mu |
| ν | ν | ν | nu |
| Ν | Ν | Ν | Nu |
| ξ | ξ | ξ | xi |
| Ξ | Ξ | Ξ | Xi |
| ο | ο | ο | omicron |
| Ο | Ο | Ο | Omicron |
| π | π | π | pi |
| Π | Π | Π | Pi |
| ρ | ρ | ρ | rho |
| Ρ | Ρ | Ρ | Rho |
| σ | σ | σ | sigma |
| ς | ς | ς | sigma final |
| Σ | Σ | Σ | Sigma |
| τ | τ | τ | tau |
| Τ | Τ | Τ | Tau |
| υ | υ | υ | upsilon |
| Υ | Υ | Υ | Upsilon |
| φ | φ | φ | phi |
| Φ | Φ | Φ | Phi |
| χ | χ | χ | chi |
| Χ | Χ | Χ | Chi |
| ψ | ψ | ψ | psi |
| Ψ | Ψ | Ψ | Psi |
| ω | ω | ω | omega |
| Ω | Ω | Ω | Omega |
Ps : si vous recherchez des symboles de flèches, n’hésitez pas à consulter notre article dédié.
FAQ sur les caractères spéciaux HTML
À quoi servent les caractères spéciaux HTML ?
Les caractères spéciaux HTML ont plusieurs fonctions importantes.
Ils permettent tout d’abord de représenter les symboles qui ne peuvent pas être facilement saisis avec un clavier ordinaire. Il s’agit notamment de caractères tels que les symboles mathématiques, les symboles monétaires, les émoticônes et autres éléments graphiques.
Les caractères spéciaux HTML sont également utilisés pour créer un contenu de page Web plus facile à lire ou à comprendre. Par exemple, certains des caractères spéciaux aident à créer des documents structurés et des en-têtes qui peuvent être utilisés pour la navigation ou le formatage d’une page Web.
Les caractères spéciaux HTML sont également souvent utilisés pour styliser le texte, par exemple en mettant certains mots en gras ou en italique.
Enfin, les caractères spéciaux HTML sont aussi parfois nécessaires pour afficher correctement certaines langues dans les pages Web, car certains caractères linguistiques n’apparaissent pas dans l’alphabet latin utilisé par de nombreux claviers.
Puis-je intégrer des caractères spéciaux HMTL dans du contenu en langues étrangères ?
Oui, vous pouvez intégrer des caractères HTML spéciaux dans du contenu en langue étrangère.
Les caractères HTML spéciaux tels que á, é et ñ peuvent être utilisés pour représenter de nombreux caractères de langues étrangères qui ne peuvent pas être représentés directement à l’aide du jeu de caractères ASCII. Ceci est particulièrement utile pour les langues comportant des accents et autres signes diacritiques.
Par exemple, les entités HTML telles que á ; pour á et é ; pour é sont courantes pour le contenu espagnol et portugais.
Il existe également des options spécifiques aux navigateurs, comme la balise <span lang= »pt »>, qui vous permet d’indiquer la langue d’une section spécifique du texte.
Tant que votre contenu est correctement codé avec les bonnes balises de langue et entités HTML, il devrait s’afficher sans problème sur la plupart des navigateurs modernes.
Comment coder les caractères spéciaux rapidement ?
L’encodage des caractères spéciaux peut prendre beaucoup de temps, mais heureusement, il existe des mesures à prendre pour rendre ce processus beaucoup plus facile et rapide.
La manière la plus efficace d’encoder les caractères spéciaux est d’utiliser la table de caractères appropriée. Une carte de caractères vous permet d’identifier rapidement et facilement le code d’un caractère spécifique, ce qui vous permet de le saisir facilement dans votre document ou site Web.
L’utilisation d’un éditeur de texte tel que Notepad++ vous permettra de visualiser les codes de caractères affichés à l’écran et de les saisir dans votre document sans avoir à les rechercher manuellement. Pour les projets de codage avancés, des outils tels que Visual Studio Code offrent des fonctionnalités avancées qui rendent l’encodage des caractères spéciaux encore plus facile et rapide.
Dans l’ensemble, en utilisant ces ressources, vous passerez moins de temps à essayer de comprendre comment coder un caractère spécial et plus de temps à être productif !
Est-il possible d’avoir des accents en HTML ?
Oui, il est possible d’avoir des accents en HTML.
Pour inclure un accent dans le code HTML, celui-ci doit utiliser le jeu de caractères Unicode, qui constitue une norme pour l’encodage du texte dans plusieurs langues et sur plusieurs plates-formes. Cela permet d’assurer la compatibilité entre différents types de navigateurs et de systèmes d’exploitation lors de la lecture de documents HTML.
Vous pouvez aussi ajouter un accent dans le cadre d’une entité HTML en utilisant le numéro ou le nom correspondant qui a été attribué pour le représenter.
Certains navigateurs Web offrent un moyen facile de saisir des caractères spéciaux en utilisant une combinaison de touches de raccourci lors de la saisie sur le clavier.
Bien que la saisie des accents en HTML implique des étapes supplémentaires par rapport à la saisie en texte brut, ces méthodes permettent de garantir la précision lors de l’utilisation des accents dans le codage HTML.
Partager l’article :