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 :
  • Lettres minuscules et accents ;
  • Lettres majuscules et accents ;
• Symboles :
  • Lettres spécifiques ;
  • Caractères mathématiques ;
  • Symboles monétaires ;
  • Caractères pour les marques ;
  • Caractères exotiques ;
  • Flèches, tirets et chevrons ;
  • Symboles des familles pour jeu de cartes.

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
€	€	Symbole de l’Euro
¥	¥	Symbole du Yen
£	£	Symbole de la Livre Sterling
¢	¢	Symbole du centime
¤	¤	Symbole monétaire

Caractères pour les marques

Caractère	Code	Signification
™	™	Trademark
©	©	Copyright
®	&reg	Marque déposée

Caractères exotiques

Caractère	Code	Signification
&	&	& Et commercial, esperluette ou esperluète
	 	Espace insécable
«	"	Guillement anglais
‘	'	Apostrophe
,	‚	Virgule
…	…	Points de suspension
ˆ	ˆ	Accent cinconflexe
˜	˜	Tilde
†	†	Obèle
‡	‡	Double obèle
“	“	Citation gauche
”	”	Citation droite
‘	‘	Apostrophe gauche
’	’	Apostrophe droite
¶	¶	Paragraphe

Flèches, tirets et chevrons

Caractère	Code	Signification
∧	∧	Chevron simple haut
∨	∨	Chevron simple bas
‹	‹	Chevron simple gauche
›	›	Chevron simple droite
«	«	Chevron double gauche
»	»	Chevron double droite
↑	↑	Flèche simple haut
↓	↓	Flèche simple bas
←	←	Flèche simple gauche
→	→	Flèche simple droite
↔	↔	Espacement simple
⇑	⇑	Flèche double haut
⇓	⇓	Flèche double bas
⇐	⇐	Flèche double gauche
⇒	⇒	Flèche double droite
⇔	⇔	Espacement double
–	–	Tiret double
—	—	Tiret triple
•	•	Cercle noir
⋅	⋅	Point en milieu de hauteur
‾	‾	Tiret en milieu de hauteur
¯	¯	Macron
¦	¦	Barre verticale brisée
↵	↵	Retour chariot

Poker time !

https://blog.thibautparent.com/27-03-2014/monetiser-site-jeu-getgamersEt pour les SEO aficionados du poker, voilà les codes des familles de carte !

Caractère	Code	Famille
♠	♠	Pique
♣	♣	Trèfle
♦	♦	Carreau
♥	♥	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.