Caractères accentués et symboles en HTML

Je cherche souvent sur le web un site qui recense tous les caractères accentués et autres symboles exotiques avec leur transcription en HTML.

Donc, plutôt que d’écumer la toile, je vais faire ce petit mémo qui m’est destiné mais qui peut aussi vous servir.

La plupart des webmasters ont déjà eu affaire à ces caractères, j’en connais un notamment qui les connait tous par cœur (ainsi que la plupart des couleurs en hexadécimal, coucou Benoit V.)… Mais ce n’est pas mon cas !

Trouver le bon symbole

Pour écrire un caractère accentué en HTML, vous trouverez ci-après les traductions parmi plus d’une centaine de caractères.

Ne vous embêtez pas à éplucher de long en large cette page, elle regorge de nombreux caractères exotiques.

Utilisez la fonction Recherche de votre navigateur web (souvent [CTRL] + [F]) afin d’aller plus vite.

Si j’ai oublié certains codes, dites-le moi.

Notez aussi qu’un copier-coller du code ou du caractère accentué vous permettra de l’utiliser où vous voulez.

Plan du mémo

J’ai tenté de regrouper les codages HTML par famille, vous trouverez ces thèmes :

Accents et écriture HTML

Accents sur lettres minuscules

Voici la liste des accents sur des lettres minuscules en langage HTML les plus courants.

Accent Code Signification
á á a minuscule accent aigu
à à a minuscule accent grave
â â a minuscule accent circonflexe
ä ä a minuscule tréma
æ æ e dans l’a minuscules
é é e minuscule accent aigu
è è e minuscule accent grave
ê ê e minuscule accent circonflexe
ë ë e minuscule tréma
í í i minuscule accent aigu
ì ì i minuscule accent grave
î î i minuscule accent circonflexe
ï ï i minuscule tréma
ó ó o minuscule accent aigu
ò ò o minuscule accent grave
ô ô o minuscule accent circonflexe
ö ö o minuscule tréma
œ œ e dans l’o minuscules
ú ú u minuscule accent aigu
ù ù u minuscule accent grave
û û u minuscule accent circonflexe
ü ü u minuscule tréma

Accents sur lettres majuscules

Maintenant, voilà la liste des accents sur des lettres majuscules toujours en langage HTML les plus utilisés.

Accent Code Signification
Á Á A majuscule accent aigu
À À A majuscule accent grave
  A majuscule accent circonflexe
Ä Ä A majuscule tréma
Æ Æ E dans l’A majuscules
É É E majuscule accent aigu
È È E majuscule accent grave
Ê Ê E majuscule accent circonflexe
Ë Ë E majuscule tréma
Í Í I majuscule accent aigu
Ì Ì I majuscule accent grave
Î Î I majuscule accent circonflexe
Ï Ï I majuscule tréma
Ó Ó O majuscule accent aigu
Ò Ò O majuscule accent grave
Ô Ô O majuscule accent circonflexe
Ö Ö O majuscule tréma
Œ Œ E dans l’O majuscules
Ú Ú U majuscule accent aigu
Ù Ù U majuscule accent grave
Û Û U majuscule accent circonflexe
Ü Ü U majuscule tréma

Symboles en HTML

Ces caractères exotiques sont difficilement interprétables par les navigateurs web. Aussi, indiquer l’équivalence HTML assure une bonne lecture de ces caractères.

Lettres spécifiques

Caractère Code Signification
Ç Ç c cédille minuscule
ç ç C cédille majuscule
α α Alpha
β β Bêta

Caractères mathématiques

Caractère Code Monnaie
± ± + ou –
× × Multiplier
÷ ÷ Diviser
< &lt; Inférieur à
&le; Inférieur ou égal à
> &gt; Supérieur à
&ge; Supérieur ou égal à
&permil; Pour mille
&asymp; Environ
&ne; Différent
&infin; Infini
&empty; Vide
¹ &sup1; Exposant 1
² &sup2; Exposant 2
³ &sup3; Exposant 3
¼ &frac14; Fraction un quart
½ &frac12; Fraction un demi
¾ &frac34; Fraction trois quarts
&oplus; Signe + dans un cercle
&otimes; Signe X dans un cercle

Symboles monétaires

Caractère Code Signification
&euro; Symbole de l’Euro
¥ &yen; Symbole du Yen
£ &pound; Symbole de la Livre Sterling
¢ &cent; Symbole du centime
¤ &curren; Symbole monétaire

Caractères pour les marques

Caractère Code Signification
&#153; Trademark
© &copy; Copyright
® &reg Marque déposée

Caractères exotiques

Caractère Code Signification
& &amp; & Et commercial, esperluette ou esperluète
&nbsp; Espace insécable
«  &quot; Guillement anglais
&apos; Apostrophe
, &#130; Virgule
&hellip; Points de suspension
ˆ &circ; Accent cinconflexe
˜ &tilde; Tilde
&dagger; Obèle
&Dagger; Double obèle
&ldquo; Citation gauche
&rdquo; Citation droite
&lsquo; Apostrophe gauche
&rsquo; Apostrophe droite
&para; Paragraphe

Flèches, tirets et chevrons

Caractère Code Signification
&and; Chevron simple haut
&or; Chevron simple bas
&lsaquo; Chevron simple gauche
&rsaquo; Chevron simple droite
« &laquo; Chevron double gauche
» &raquo; Chevron double droite
&uarr; Flèche simple haut
&darr; Flèche simple bas
&larr; Flèche simple gauche
&rarr; Flèche simple droite
&harr; Espacement simple
&uArr; Flèche double haut
&dArr; Flèche double bas
&lArr; Flèche double gauche
&rArr; Flèche double droite
&hArr; Espacement double
&ndash; Tiret double
&mdash; Tiret triple
&bull; Cercle noir
&sdot; Point en milieu de hauteur
&oline; Tiret en milieu de hauteur
¯ &macr; Macron
¦ &brvbar; Barre verticale brisée
&crarr; Retour chariot

Poker time !

Et pour les SEO aficionados du poker, voilà les codes des familles de carte !

Caractère Code Famille
&spades; Pique
&clubs; Trèfle
&diams; Carreau
&hearts; Cœur

Vous avez maintenant toutes les billes en main pour bien coder en HTML.

Je le répète, s’il y a des oublis ou que vous ne comprenez pas quelque chose, demandez-moi.

Catégorie Webmastering

Monétiser un site de jeu avec GetGamers » « Nouveau design simple, clair et zen
Bannière 468 x 60 pixels en fin d'article
2 commentaires
  1. Sinon, tu as l’UTF-8 ! ;)

  2. Coucou Bubu.

    Oui oui, j’ai bien meta http-equiv="Content-type" content="text/html;charset=UTF-8" dans mon code source.

    C’est surtout quand j’ajoute dans le code des caractères accentués que je galère ;)

Les commentaires sont fermés.

© 2011 - 2017 TiPi's blog Tous Droits Réservés

Haut de page ↑