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.

AccentCodeSignification
áá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.

AccentCodeSignification
ÁÁ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èreCodeSignification
ÇÇc cédille minuscule
ççC cédille majuscule
ααAlpha
ββBêta

Caractères mathématiques

CaractèreCodeMonnaie
±±+ 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èreCodeSignification
&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èreCodeSignification
&#153;Trademark
©&copy;Copyright
®&regMarque déposée

Caractères exotiques

CaractèreCodeSignification
&&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èreCodeSignification
&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èreCodeFamille
&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 ;)

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

Haut de page ↑