'>

Les caractères spéciaux (X)HTML

 Qui n'est jamais arrivé sur une page web où des symboles bizarres remplaçent 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.

 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
" " " Guillemets
& & & 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èreCode
numérique
Code
HTML
DescriptionMot-cléCaractèreCode
numérique
Code
HTML
DescriptionMot -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
A C D E F G H I J K L N O R S T U W Y Z

 Majuscule Minuscule CaractèreCode
numérique
Code
HTML
CaractèreCode
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;
Ǽ &#508; ǽ &#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;

 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èreCode
numérique
Code
HTML
CaractèreCode
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
DescriptionCaractè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
DescriptionCaractè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
DescriptionSymbole 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
DescriptionSymbole 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
DescriptionSymbole 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
DescriptionSymbole 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
 - 7 -
s 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
nstitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 2013 Dumas Grégory. Aucune reproduction, même partielle, ne
ut ê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
courez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts. Cette page est déposée à la SACD.
http://gdumas.developpez.com/articles/xhtml/caracteres-speciaux/
⅜ &#8540; trois
huitièmes
⅝ &#8541; cinq
huitièmes
⅞ &#8542; sept
huitièmes
Les caractères spéciaux (X)HTML par Dumas Grégory  Claude Leloup Claude Leloup
VI-D - Opérateurs de comparaisons
Symbole Code
numérique
Code
HTML
DescriptionSymbole 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
DescriptionSymbole 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
DescriptionSymbole 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
Symbole Code
Symbole Code
- 8 -
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ésentatio
constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 2013 Dumas Grégory. Aucune reproduction, même partielle, n
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 vou
encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts. Cette page est déposée à la SACD.
http://gdumas.developpez.com/articles/xhtml/caracteres-speciaux/
numérique
numérique
numérique
█ &#9608; ▓ &#9619; ▒ &#9618;
▄ &#9604; ▌ &#9612; ■ &#9632;
□ &#9633; ▪ &#9642; ▫ &#9643;
VII-C - Lignes
Les caractères spéciaux (X)HTML par Dumas Grégory  Claude Leloup Claude Leloup
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
4
Publié par Drupal Study