Les caractères spéciaux (X)HTML

Dumas Grégory

Qui n'est jamais arrivé sur une page web où des symboles bizarres remplacent un certain nombre de caractères et rendent la lecture de la dite page difficile, voire impossible ?

La raison est que le concepteur de la page et le lecteur n'utilisent pas un encodage compatible. Pour remédier à cela, on peut modifier l'encodage de la page en choisissant un encodage universel du type UTF-8 mais si l'on n'a pas la maîtrise de l'encodage, le W3C a prévu une autre solution : le remplacement des "caractères spéciaux" (caractères accentués pas exemple) par des codes HTML destinés à rendre l'affichage du caractère correct. Ceci n'est bien sûr valable que si la police choisie accepte le caractère.

Cet article recense de manière non exhaustive, bon nombre de ces caractères spéciaux.

- Titre : Les caractères spéciaux (X)HTML

- Auteur : Dumas Grégory

- Parution : 19 février 2009

- Licence : Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 2013 Dumas Grégory. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- I. Caractères Web particuliers

- II. Signes diacritiques

- III. Alphabet latin modifié

- III-A. Règles

- III-B. Liste des caractères latins modifiés

- IV. Alphabet grec

- IV-A. Règles

- IV-B. Liste des caractères grecs

- IV-C. Liste des caractères grecs modifiés

- V. Autres caractères généraux

- V-A. Ponctuation

- V-B. Monnaies

- V-C. Marques

- VI. Caractères scientifiques

- VI-A. Arithmétique

- VI-B. Exposants

- VI-C. Fractions

- VI-D. Opérateurs de comparaisons

- VI-E. Autres

- VII. «Figures géométriques» et autres caractères

- VII-A. Flèches

- VII-B. Boites

- VII-C. Lignes

- VII-D. Autres

- VIII. Remerciements

I - Caractères Web particuliers

Afin de préserver la structure des pages Web, il est nécessaire de remplacer certains caractères réguliers qui deviennent spéciaux en (X)HTML.

Caractère

Code numérique

Code HTML

Description

"

&#34;

&quot;

Guillemets

&

&#38;

&amp;

Esperluette

<

&#60;

&lt;

Inférieur à

>

&#62;

&gt;

Supérieur à

II - Signes diacritiques

Un signe diacritique est un signe graphique qui sert à différencier des mots homographes ou des prononciations différentes d'une même lettre.

Caractère

Code numérique

Code HTML

Description

Mot-clé

Caractère

Code numérique

Code HTML

Description

Mot -clé

`

&#96;

Accent grave

grave

´

&#180;

&acute;

Accent aigu

acute

ˆ

&#710;

&circ;

Accent circonflexe

circ

¨

&#168;

&uml;

Tréma

uml

?

&#711;

Chevron

?

&#728;

Brêve

?

&#730;

Rond en chef

ring

?

&#729;

Point en chef

?

&#777;

Crochet en chef

?

&#713;

Macron

?

&#731;

Ogonek

˜

&#732;

&tilde;

Tilde

tilde

?

&#733;

Double accent aigu

¸

&#184;

&cedil;

Cédille

cedil

III - Alphabet latin modifié

III-A - Règles

Compte tenu du nombre de lettres concernées et de la réelle difficulté à retenir tous les codes numériques correspondants, des codes HTML mnémotechniques ont été mis en place pour les combinaisons avec les signes diacritiques les plus courants.
Elles concernent essentiellement les caractères dits accentués.
La règle commence comme tout code HTML par une esperluette, suivie de la lettre à modifier dans la casse (minuscule / majuscule) voulue, suivie d'un mot-clé du signe diacritique voulu et enfin un point virgule terminant le code HTML.

& + lettre + mot-clé + ;
( Exemple : &Agrave; donnera À )

Sur le même modèle, d'autres mots-clés mnémotechniques ont été créés comme lig pour les lettres ligaturées.

III-B - Liste des caractères latins modifiés

C D E F G H I J K L N O R S T U W Y Z

Majuscule

Minuscule

Caractère

Code numérique

Code HTML

Caractère

Code numérique

Code HTML

À

&#192;

&Agrave;

à

&#224;

&agrave;

Á

&#193;

&Aacute;

á

&#225;

&aacute;

Â

&#194;

&Acirc;

â

&#226;

&acirc;

Ä

&#195;

&Auml;

ä

&#227;

&auml;

Å

&#196;

&Aring;

å

&#228;

&aring;

?

&#256;

?

&#257;

?

&#258;

?

&#259;

?

&#260;

?

&#261;

?

&#506;

?

&#507;

?

&#902;

?

&#7840;

?

&#7841;

?

&#7842;

?

&#7843;

?

&#7844;

?

&#7845;

?

&#7846;

?

&#7847;

?

&#7848;

?

&#7849;

?

&#7850;

?

&#7851;

?

&#7852;

?

&#7853;

?

&#7854;

?

&#7855;

?

&#7856;

?

&#7857;

?

&#7858;

?

&#7859;

?

&#7860;

?

&#7861;

?

&#7862;

?

&#7863;

Æ

&#198;

&AElig;

æ

&#230;

&aelig;

\x{01fc}

&#508;

\x{01fd}

&#509;

?

&#262;

?

&#263;

?

&#264;

?

&#265;

?

&#266;

?

&#267;

?

&#268;

?

&#269;

Ç

&192;

&Ccedil;

ç

&192;

&ccedil;

?

&#270;

?

&#271;

?

&#272;

?

&#273;

Ð

&#208;

&ETH;

ð

&#240;

&eth;

È

&#200;

&Egrave;

è

&#232;

&egrave;

É

&#201;

&Eacute;

é

&#233;

&eacute;

Ê

&#202;

&Ecirc;

ê

&#234;

&ecirc;

Ë

&#203;

&Euml;

ë

&#235;

&euml;

?

&#274;

?

&#275;

?

&#276;

?

&#277;

?

&#278;

?

&#279;

?

&#280;

?

&#281;

?

&#282;

?

&#283;

?

&#904;

?

&#7864;

?

&#7865;

?

&#7866;

?

&#7867;

?

&#7868;

?

&#7869;

?

&#7870;

?

&#7871;

?

&#7872;

?

&#7873;

?

&#7874;

?

&#7875;

?

&#7876;

?

&#7877;

?

&#7878;

?

&#7879;

?

&#8355;

&#284;

?

&#285;

?

&#286;

?

&#287;

?

&#288;

?

&#289;

?

&#290;

?

&#291;

?

&#292;

?

&#293;

?

&#294;

?

&#295;

?

&#905;

Ì

&#204;

&Igrave;

ì

&#236;

&igrave;

Í

&#205;

&Iacute;

í

&#237;

&iacute;

Î

&#206;

&Icirc;

î

&#238;

&icirc;

Ï

&#207;

&Iuml;

ï

&#239;

&iuml;

?

&#296;

?

&#297;

?

&#298;

?

&#299;

?

&#300;

?

&#301;

?

&#302;

?

&#303;

?

&#304;

?

&#305;

?

&#906;

?

&#7880;

?

&#7881;

?

&#7882;

?

&#7883;

?

&#306;

?

&#307;

?

&#308;

?

&#309;

?

&#310;

?

&#311;

?

&#312;

?

&#313;

?

&#314;

?

&#315;

?

&#316;

?

&#317;

?

&#318;

?

&#319;

?

&#320;

?

&#321;

?

&#322;

Ñ

&#209;

&Ntilde;

ñ

&#241;

&ntilde;

?

&#323;

?

&#324;

?

&#325;

?

&#326;

?

&#327;

?

&#328;

?

&#329;

?

&#330;

?

&#331;

Ò

&#210;

&Ograve;

ò

&#242;

&ograve;

Ó

&#211;

&Oacute;

ó

&#243;

&oacute;

Ô

&#212;

&Ocirc;

ô

&#244;

&ocirc;

Õ

&#213;

&Otilde;

õ

&#245;

&otilde;

Ö

&#214;

&Ouml;

ö

&#246;

&ouml;

Ø

&#216;

&Oslash;

ø

&#248;

&oslash;

?

&#332;

?

&#333;

?

&#334;

?

&#335;

?

&#336;

?

&#337;

?

&#416;

?

&#417;

\x{01fe}

&#510;

\x{01ff}

&#511;

?

&#908;

?

&#7886;

?

&#7887;

?

&#7888;

?

&#7889;

?

&#7890;

?

&#7891;

?

&#7892;

?

&#7893;

?

&#7894;

?

&#7895;

?

&#7896;

?

&#7897;

?

&#7898;

?

&#7899;

?

&#7900;

?

&#7901;

?

&#7902;

?

&#7903;

?

&#7904;

?

&#7905;

?

&#7906;

?

&#7907;

Œ

&#140;

&OElig;

œ

&#156;

&oelig;

?

&#340;

?

&#341;

?

&#342;

?

&#343;

?

&#344;

?

&#345;

?

&#346;

?

&#347;

?

&#348;

?

&#349;

?

&#350;

?

&#351;

Š

&#352;

&Scaron;

š

&#353;

&scaron;

ß

&#223;

&szlig;

Þ

&#222;

&THORN;

þ

&#254;

&thorn;

?

&#354;

?

&#355;

?

&#356;

?

&#357;

?

&#358;

?

&#359;

Ù

&#217;

&Ugrave;

ù

&#249;

&ugrave;

Ú

&#218;

&Uacute;

ú

&#250;

&uacute;

Û

&#219;

&Ucirc;

û

&#251;

&ucirc;

Ü

&#220;

&Uuml;

ü

&#252;

&uuml;

?

&#360;

?

&#361;

?

&#362;

?

&#363;

?

&#364;

?

&#365;

?

&#366;

?

&#367;

?

&#368;

?

&#369;

?

&#370;

?

&#371;

?

&#431;

?

&#432;

?

&#7908;

?

&#7909;

?

&#7910;

?

&#7911;

?

&#7912;

?

&#7913;

?

&#7914;

?

&#7915;

?

&#7916;

?

&#7917;

?

&#7918;

?

&#7919;

?

&#7920;

?

&#7921;

?

&#372;

?

&#373;

?

&#7812;

?

&#7813;

Ý

&#221;

&Yacute;

ý

&#253;

&yacute;

Ÿ

&#159;

&Yuml;

ÿ

&#255;

&yuml;

?

&#374;

?

&#375;

?

&#910;

?

&#377;

?

&#378;

?

&#379;

?

&#380;

Ž

&#381;

ž

&#382;

IV - Alphabet grec

IV-A - Règles

Comme pour les lettres transformées, les lettres grecques font l'objet de codes HTML mnémotechniques.
La règle commence comme tout code HTML par une esperluette, suivie du nom de la lettre grecque et termine par un point-virgule. La casse de la première lettre du nom de la lettre grecque détermine la casse de la lettre affichée.

& + nom de la lettre grecque + ;
( Exemple : &Gamma; donnera ? )

IV-B - Liste des caractères grecs

Majuscule

Minuscule

Caractère

Code numérique

Code HTML

Caractère

Code numérique

Code HTML

?

&#913;

&Alpha;

?

&#945;

&alpha;

?

&#914;

&Beta;

?

&#946;

&beta;

?

&#915;

&Gamma;

?

&#947;

&gamma;

?

&#916;

&Delta;

?

&#948;

&delta;

?

&#917;

&Epsilon;

?

&#949;

&epsilon;

?

&#918;

&Zeta;

?

&#950;

&zeta;

?

&#919;

&Eta;

?

&#951;

&eta;

?

&#920;

&Theta;

?

&#952;

&theta;

?

&#921;

&Iota;

?

&#953;

&iota;

?

&#922;

&Kappa;

?

&#954;

&kappa;

?

&#923;

&Lambda;

?

&#955;

&lambda;

?

&#924;

&Mu;

?

&#956;

&mu;

?

&#925;

&Nu;

?

&#957;

&nu;

?

&#926;

&Xi;

?

&#958;

&xi;

?

&#927;

&Omicron;

?

&#959;

&omicron;

?

&#928;

&Pi;

?

&#960;

&pi;

?

&#929;

&Rho;

?

&#961;

&rho;

?

&#931;

&Sigma;

?

&#963;

&sigma;

?

&#932;

&Tau;

?

&#964;

&tau;

?

&#933;

&Upsilon;

?

&#965;

&upsilon;

?

&#934;

&Phi;

?

&#966;

&phi;

?

&#935;

&Chi;

?

&#967;

&chi;

?

&#936;

&Psi;

?

&#968;

&psi;

?

&#937;

&Omega;

?

&#969;

&omega;

IV-C - Liste des caractères grecs modifiés

Caractère

Code numérique

Caractère

Code numérique

Caractère

Code numérique

?

&#911;

?

&#912;

?

&#938;

?

&#939;

?

&#940;

?

&#941;

?

&#942;

?

&#943;

?

&#941;

?

&#942;

?

&#943;

?

&#944;

?

&#970;

?

&#971;

?

&#972;

?

&#973;

?

&#974;

V - Autres caractères généraux

V-A - Ponctuation

Caractère

Code numérique

Code HTML

Description

Caractère

Code numérique

Code HTML

Description

‘

&#145;

&lsquo;

guillemet simple ouvrant

'

&#146;

&rsquo;

guillemet simple fermant

“

&#147;

&ldquo;

guillemet double ouvrant

”

&#148;

&rdquo;

guillemet double fermant

‹

&#139;

&lsaquo;

guillemet français simple ouvrant

›

&#155;

&rsaquo;

guillemet français simple fermant

«

&#171;

&laquo;

guillemet français ouvrant

»

&#187;

&raquo;

guillemet français fermant

‚

&#8218;

&sbquo;

guillemet simple fermant bas

„

&#8222;

&bdquo;

guillemet double fermant bas

…

&#133;

&hellip;

points de suspension

¿

&#191;

&iquest;

point d'interrogation inversé

¡

&#161;

&iexcl;

point d'exclamation inversé

?

&#8252;

double point d'exclamation

?

&#8209;

petit tiret

-

&#150;

&ndash;

tiret demi-cadratin

-

&#151;

&mdash;

tiret cadratin

?

&#8213;

tiret long

§

&#167;

&sect;

paragraphe

¶

&#182;

&para;

pied de mouche

†

&#134;

&dagger

obèle

‡

&#135;

&Dagger

double obèle

V-B - Monnaies

Caractère

Code numérique

Code HTML

Description

Caractère

Code numérique

Code HTML

Description

¤

&#164;

&curren;

symbole monétaire

¢

&#162;

&cent;

cent

€

&#128;

&euro;

euro

£

&#163;

&pound;

livre sterling

¥

&#165;

&yen;

yen

ƒ

&#402;

&fnof;

florin

V-C - Marques

Symbole

Code numérique

Code HTML

Description

Symbole

Code numérique

Code HTML

Description

©

&#169;

&copy;

copyright

®

&#174;

&reg;

marque déposée

™

&#153;

&trade;

marque commerciale

VI - Caractères scientifiques

VI-A - Arithmétique

Symbole

Code numérique

Code HTML

Description

Symbole

Code numérique

Code HTML

Description

+

&#43;

+

plus

?

&#8722;

&minus;

moins

×

&#215;

&times;

multiplication

÷

&#247;

&divide;

division

?

&#8729;

produit

?

&#8260;

&frasl;

barre de fraction

±

&#177;

&plusmn;

plus ou moins

%

&#37;

%

pour cent / modulo

‰

&#137;

&permil;

pour mille

VI-B - Exposants

Symbole

Code numérique

Code HTML

Description

Symbole

Code numérique

Code HTML

Description

¹

&#185;

&sup1;

exposant 1

²

&#178;

&sup2;

exposant 2

³

&#179;

&sup3;

exposant 3

?

&#8319;

exposant n

º

&#186;

&ordm;

ordinal mâle

ª

&#187;

&ordf;

ordinal féminin

VI-C - Fractions

Symbole

Code numérique

Code HTML

Description

Symbole

Code numérique

Code HTML

Description

¼

&#188;

&frac14;

un quart

½

&#189;

&frac12;

un demi

¾

&#190;

&frac34;

trois quart

?

&#8531;

un tiers

?

&#8532;

deux tiers

?

&#8539;

un huitième

?

&#8540;

trois huitièmes

?

&#8541;

cinq huitièmes

?

&#8542;

sept huitièmes

VI-D - Opérateurs de comparaisons

Symbole

Code numérique

Code HTML

Description

Symbole

Code numérique

Code HTML

Description

=

&#61;

=

égal

?

&#8800;

&ne;

différent

?

&#8801;

&equiv;

équivalent

?

&#8776;

&asymp;

presque égal

<

&#60;

&lt;

inférieur

>

&#62;

&gt;

supérieur

?

&#8804;

&le;

inférieur ou égal

?

&#8805;

&ge;

supérieur ou égal

VI-E - Autres

Symbole

Code numérique

Code HTML

Description

Symbole

Code numérique

Code HTML

Description

?

&#8242;

&prime;

dérivée

?

&#8243;

&Prime;

dérivée seconde

?

&#8706;

&part;

dérivée partielle

?

&#8719;

&prod;

produit n-aire

?

&#8721;

&sum;

somme n-aire

?

&#8730;

&radic;

racine carrée

?

&#8737;

&infin;

infini

?

&#8747;

&int;

intégrale

?

&#8494;

nombre d'Euler

°

&#176;

&deg;

degré

¬

&#172;

&not;

négation

?

&#8745;

&cap;

intersection

VII - «Figures géométriques» et autres caractères

VII-A - Flèches

Symbole

Code numérique

Code HTML

Description

Symbole

Code numérique

Code HTML

Description

?

&#8592;

&larr;

gauche

?

&#8594;

&rarr;

droite

?

&#8593;

&uarr;

haut

?

&#8595;

&darr;

bas

?

&#8596;

&harr;

gauche et droite

?

&#8597;

haut et bas

VII-B - Boites

Symbole

Code numérique

Symbole

Code numérique

Symbole

Code numérique

?

&#9608;

?

&#9619;

?

&#9618;

?

&#9604;

?

&#9612;

?

&#9632;

?

&#9633;

?

&#9642;

?

&#9643;

VII-C - Lignes

Symbole

Code numérique

Symbole

Code numérique

Symbole

Code numérique

Symbole

Code numérique

Symbole

Code numérique

?

&#9484;

?

&#9488;

?

&#9492

?

&#9496;

?

&#9580;

?

&#9556;

?

&#9559;

?

&#9562;

?

&#9565;

?

&#9500;

?

&#9508;

?

&#9516;

?

&#9524;

?

&#9532;

?

&#9554;

?

&#9557;

?

&#9560;

?

&#9563;

?

&#9578;

?

&#9555;

?

&#9558;

?

&#9561;

?

&#9564;

?

&#9579;

?

&#9566;

?

&#9569;

?

&#9573;

?

&#9576;

?

&#9567;

?

&#9570;

?

&#9572;

?

&#9575;

?

&#9568;

?

&#9571;

?

&#9574;

?

&#9577;

?

&#9472;

?

&#9474;

?

&#9552;

?

&#9553;

VII-D - Autres

Symbole

Code numérique

Code HTML

Symbole

Code numérique

Code HTML

Symbole

Code numérique

Code HTML

·

&#183;

&middot;

•

&#149;

&bull;

¦

&#166;

&brvbar;

?

&#383;

?

&#1748;

?

&#1645;

?

&#2666;

?

&#2794;

?

&#2947;

?

&#3663;

?

&#3664;

?

&#4347;

?

&#9792;

?

&#9794;

?

&#9650;

?

&#9675;

?

&#9679;

?

&#9660;

?

&#9834;

?

&#9674;

?

&#9702;

?

&#8362;

?

&#8470;

?

&#8359;

?

&#8363;

?

&#8467;

?

&#8453;

VIII - Remerciements

Je remercie Bovino, Lorenzo77, Kerod et Bisûnûrs pour leur travail de vérification.