Florimond.be Vade-mecum xHTML Caractères spéciaux

Caractères spéciaux

Table des caractères spéciaux et accentués

L’encodage des caractères peut varier selon les plateformes.
Leur affichage dépend bien-sûr de la police utilisée, de sa version, du navigateur et de ses préférences.

Le tableau ci-dessous dresse une liste non-exhaustive des caractères spéciaux et accentués en HTML. Selon la police, il peut exister des glyphes à usage divers comme pour les mathématiques. Ce qui explique que certains caractères peuvent s’afficher différemment des autres ou ne pas s’afficher du tout.
Pour çà, il vaudrait mieux utiliser un encodage Unicode qui permette d’utiliser également des polices étrangères, comme le Grec et que le visiteur dispose de la même police sur sa machine.
Les caractères de 0 à 127 sont ceux de l’encodage ASCII.

Les caractères du Latin de base
Caractère Code numérique Code HTML Description et usage
  � -    Caractères de contrôle
      Espace
! !   Point d’exclamation
" " " Guillemet double droit
(programmation)
# #   Nº de Référence (US)
Croisillon (ne pas confondre avec une dièse)
Livre (poids)
$ $   Dollar
% % % Pourcent
& & & Esperluette - Et commercial
' ' '
(pas dans IE)
Guillemet simple droit
(programmation)
( (   Parenthèse ouvrante
) )   Parenthèse fermante
* *   Astérisque
+ +   Signe plus
, ,   Virgule
- -   Opérateur mathématique Moins
Tiret
. .   Point
/ /   Slash - Barre oblique
: :   Double point
; &#59;   Point virgule
< &#60; &lt; Opérateur mathématique Plus petit que
= &#61;   Opérateur mathématique Égale
> &#62; &gt; Opérateur mathématique Plus grand que
? &#63;   Point d’interrogation
@ &#64;   Arrobe (symbole de volume espagnol)
a commercial
chez (dans une adresse eMail)
[ &#91;   Crochet ouvrant
\ &#92;   Backslash
Barre oblique inversée
] &#93;   Crochet fermant
^ &#94;   Caret
_ &#95;   Tiret inférieur
` &#96;   Accent grave
{ &#123;   Accolade ouvrante
| &#124;   Pipe
Barre verticale
} &#125;   Accolade fermante
˜ &#126; &tilde; Tilde ASCII

À partir d’ici, çà se complique :

Les suppléments Latin 1
Caractère Code numérique Code HTML Description et usage
&#128; &euro; Euro
&#129;   Caractère de remplacement
&#130; &sbquo; Guillemet anglais ouvrant simple bas
ƒ &#131; &fnof; Florin
&#132; &bdquo; Guillemet anglais ouvrant double bas
&#133; &hellip; Points de suspension
&#134; &dagger; Dague
&#135; &Dagger; Double dague
ˆ &#136; &circ; Accent circonflexe
&#137; &permil; Pour mille
Š &#138; &Scaron; S capital et accent caron
&#139; &lsaquo; Chevron simple ouvrant
Œ &#140; &OElig; Ligature OE
&#145; &lsquo; Simple guillemet anglais ouvrant
&#146; &rsquo; La véritable apostrophe française
Simple guillemet anglais fermant
&#147; &ldquo; Guillemet anglais ouvrant
&#148; &rdquo; Guillemet anglais fermant
&#149; &bull; Puce
&#150; &ndash; Tiret demi cadratin (largeur du N)
&#151; &mdash; Tiret cadratin (largeur du M)
˜ &#152;   Tilde accent
&#153; &trade; Trademark
š &#154; &scaron; s bas-de-casse et accent caron
&#155; &rsaquo; Chevron simple fermant
œ &#156; &oelig; Ligature oe
Ÿ &#159; &Yuml; Y capital et tréma
  &#160; &nbsp; Espace insécable
¡ &#161; &iexcl; Point d’exclamation inversé
¢ &#162; &cent; Cent
£ &#163; &pound; Livre (monétaire)
¤ &#164; &curren; Monnaie générique
¥ &#165; &yen; Yen
¦ &#166; &brvbar; Barre brisée
§ &#167; &sect; Section
¨ &#168; &uml; Tréma - Diæresis
© &#169; &copy; Copyright
ª &#170; &ordf; Féminin exposant
« &#171; &laquo; Guillemet français ouvrant
Double chevron ouvrant
¬ &#172; &not; Non logique
Retour à la ligne
- &#173; &shy; Tiret conditionnel
® &#174; &reg; Marque enregistrée
¯ &#175; &macr; Macron
° &#176; &deg; Degré
± &#177; &plusmn; Opérateur mathématique Plus ou moins
² &#178; &sup2; Carré -Exposant 2
³ &#179; &sup3; Cube - Exposant 3
´ &#180; &acute; Accent aigu
µ &#181; &micro; Micron
&#182; &para; Paragraphe - Pied de mouche
· &#183; &middot; Point central
¸ &#184; &cedil; Cédille
¹ &#185; &sup1; Exposant 1
º &#186; &ordm; Masculin exposant
» &#187; &raquo; Guillemet français fermant
Chevron double fermant
¼ &#188; &frac14; Un quart
½ &#189; &frac12; Un demi
¾ &#190; &frac34; Trois quarts
¿ &#191; &iquest; Point d’interrogation renversé
À &#192; &Agrave; A capital et accent grave
Á &#193; &Aacute; A capital et accent aigu
 &#194; &Acirc; A capital et accent circonflexe
à &#195; &Atilde; A capital et tilde
Ä &#196; &Auml; A capital et tréma
Å &#197; &Aring; A capital et ring
Æ &#198; &AElig; Ligature AE capitale
Ç &#199; &Ccedil; C capital et cédille
È &#200; &Egrave; E capital et accent grave
É &#201; &Eacute; E capital et accent aigu
Ê &#202; &Ecirc; E capital et accent circonflexe
Ë &#203; &Euml; E capital et tréma
Ì &#204; &Igrave; I capital et accent grave
Í &#205; &Iacute; I capital et accent aigu
Î &#206; &Icirc; I capital et accent circonflexe
Ï &#207; &Iuml; I capital et tréma
Ð &#208; &ETH; Eth capital
Ñ &#209; &Ntilde; N capital et tilde
Ò &#210; &Ograve; O capital et accent grave
Ó &#211; &Oacute; O capital et accent aigu
Ô &#212; &Ocirc; O capital et accent circonflexe
Õ &#213; &Otilde; O capital et tilde
Ö &#214; &Ouml; O capital et tréma
× &#215; &times; Signe de multiplication
Ø &#216; &Oslash; O capital barré
Ù &#217; &Ugrave; U capital et accent grave
Ú &#218; &Uacute; U capital et accent aigu
Û &#219; &Ucirc; U capital et accent circonflexe
Ü &#220; &Uuml; U capital et tréma
Ý &#221; &Yacute; Y capital et accent aigu
Þ &#222; &THORN; Thorn capital
ß &#223; &szlig; Ligature double s germain
à &#224; &agrave; a bas-de-casse et accent grave
á &#225; &aacute; a bas-de-casse et accent aigu
â &#226; &acirc; a bas-de-casse et accent circonflexe
ã &#227; &atilde; a bas-de-casse et tilde
ä &#228; &auml; a bas-de-casse et tréma
å &#229; &aring; a bas-de-casse et ring
æ &#230; &aelig; Ligature ae bas-de-casse
ç &#231; &ccedil; c bas-de-casse et cédille
è &#232; &egrave; e bas-de-casse et accent grave
é &#233; &eacute; e bas-de-casse et accent aigu
ê &#234; &ecirc; e bas-de-casse et accent circonflexe
ë &#235; &euml; e bas-de-casse et tréma
ì &#236; &igrave; i bas-de-casse et accent grave
í &#237; &iacute; i bas-de-casse et accent aigu
î &#238; &icirc; i bas-de-casse et accent circonflexe
ï &#239; &iuml; i bas-de-casse et tréma
ð &#240; &eth; eth bas-de-casse
ñ &#241; &ntilde; n bas-de-casse et tilde
ò &#242; &ograve; o bas-de-casse et accent grave
ó &#243; &oacute; o bas-de-casse et accent aigu
ô &#244; &ocirc; o bas-de-casse et accent circonflexe
õ &#245; &otilde; o bas-de-casse et tilde
ö &#246; &ouml; o bas-de-casse et tréma
÷ &#247; &divide; Signe de division
ø &#248; &oslash; o bas-de-casse barré
ù &#249; &ugrave; u bas-de-casse et accent grave
ú &#250; &uacute; u bas-de-casse et accent aigu
û &#251; &ucirc; u bas-de-casse et accent circonflexe
ü &#252; &uuml; u bas-de-casse et tréma
ý &#253; &yacute; y bas-de-casse et accent aigu
þ &#254; &thorn; thorn bas-de-casse
ÿ &#255; &yuml; y bas-de-casse et tréma

Les caractères du Latin étendu-A
(disponibles dans une police Mac courante)
Caractère Code numérique Code HTML Description et usage
Œ &#0338; &OElig; Ligature capitale OE
œ &#0339; &oelig; Ligature bas-de-casse oe
Š &#0353; &Scaron; S capital et caron
š &#0354; &scaron; s bas-de-casse et caron
Ž &#0381;   Z capital et caron
ž &#0382;   z bas-de-casse et caron

Les espaces typographiques (malheureusement sécables)
Caractère Code numérique Code HTML Description et usage
   &#8194; &ensp; Espace demi cadratin
     &#8195; &emsp; Espace cadratin
  &#8201; &thinsp; Espace fine

Ces espaces sont sécables, c’est-à-dire qu’ils peuvent provoquer un passage à la ligne désagréable. Par exemple, pour l’espace fine, je préconise d’utiliser plutôt l’espace insécable - &nbsp; - en lui appliquant la balise <span class="thin">&nbsp;</span> qui pourrait la comprimer grâce aux CSS :
.thin {letter-spacing: -0.2em;}
En typographie, le mot « espace » est féminin. Quoique pour moi, un « espace avant paragraphe » est masculin puisqu’il ne s’agit pas du caractère typographique.
Ce qui m’a fait oser un procédé mnémonique :
Espace avant : vertical - érectile - masculin
Espace entre les mots et les caractères : horizontale - lascive - féminine
Mesdames et mesdemoiselles veuillez m’excuser pour ce raccourci facile. Bien que, puisque je parle de raccourci… Oui, bon, hum.
;•)
Notez que cette digression m’a permis d’illustrer mon exemple d’espace fine insécable. Joomla!, son éditeur et leurs codes générés m’ont d’ailleurs obligé à tricher pour l’affichage de ces espaces spéciales : ce ne sont que des espaces insécables multipliées ou retrécie, mais ça passe bien en HTML.

Les caractères grecs
Caractère Code numérique Code HTML Description et usage
Α &#913; &Alpha; Alpha capital
Β &#914; &Beta; Beta capital
Γ &#915; &Gamma; Gamma capital
Δ &#916; &Delta; Delta capital
Ε &#917; &Epsilon; Epsilon capital
Ζ &#918; &Zeta; Zeta capital
Η &#919; &Eta; Eta capital
Θ &#920; &Theta; Theta capital
Ι &#921; &Iota; Iota capital
Κ &#922; &Kappa; Kappa capital
Λ &#923; &Lambda; Lambda capital
Μ &#924; &Mu; Mu capital
Ν &#925; &Nu; Nu capital
Ξ &#926; &Xi; Xi capital
Ο &#927; &Omicron; Omicron capital
Π &#928; &Pi; Pi capital
Ρ &#929; &Rho; Rho capital
Σ &#931; &Sigma; Sigma capital
Τ &#932; &Tau; Tau capital
Υ &#933; &Upsilon; Upsilon capital
Φ &#934; &Phi; Phi capital
Χ &#935; &Chi; Chi capital
Ψ &#936; &Psi; Psi capital
Ω &#937; &Omega; Omega capital
α &#945; &alpha; alpha bas-de-casse
β &#946; &beta; beta bas-de-casse
γ &#947; &gamma; gamma bas-de-casse
δ &#948; &delta; delta bas-de-casse
ε &#949; &epsilon; epsilon bas-de-casse
ζ &#950; &zeta; zeta bas-de-casse
η &#951; &eta; eta bas-de-casse
θ &#952; &theta; theta bas-de-casse
ι &#953; &iota; iota bas-de-casse
κ &#954; &kappa; kappa bas-de-casse
λ &#955; &lambda; lambda bas-de-casse
μ &#956; &mu; mu bas-de-casse
ν &#957; &nu; nu bas-de-casse
ξ &#958; &xi; xi bas-de-casse
ο &#959; &omicron; omicron bas-de-casse
π &#960; &pi; pi bas-de-casse
ρ &#961; &rho; rho bas-de-casse
ς &#962; &sigmaf; sigma final bas-de-casse
σ &#963; &sigma; sigma bas-de-casse
τ &#964; &tau; tau bas-de-casse
υ &#965; &upsilon; upsilon bas-de-casse
φ &#966; &phi; phi bas-de-casse
χ &#967; &chi; chi bas-de-casse
ψ &#968; &psi; psi bas-de-casse
ω &#969; &omega; omega bas-de-casse
ϑ &#977; &thetasym; Symbole theta bas-de-casse
ϒ &#978; &upsih; Symbole upsilon bas-de-casse et crochet
ϖ &#982; &piv; Symbole pi bas-de-casse

Ponctuation générale
Caractère Code numérique Code HTML Description et usage
&#8242; &prime; Minute
Pied (mesure)
&#8243; &Prime; Seconde
Pouce (mesure)
&#8254; &oline; Ligne supérieure
&#8260; &frasl; Fraction

Les symboles en forme de lettres
Caractère Code numérique Code HTML Description et usage
&#8472; &weierp; Fonction weierstrassienne p
&#8465; &image; Part imaginaire de
&#8476; &real; Part réelle
&#8501; &alefsym; Premier cardinal transfini

Les flèches
Caractère Code numérique Code HTML Description et usage
&#8592; &larr; Flèche vers la gauche
&#8593; &uarr; Flèche vers le haut
&#8594; &rarr; Flèche vers la droite
&#8595; &darr; Flèche vers le bas
&#8596; &harr; Flèche horizontale gauche et droite
&#8629; &crarr; Flèche vers le bas puis la gauche
Retour chariot
&#8656; &lArr; Double flèche vers la gauche
est sous-entendu par
&#8657; &uArr; Double flèche vers le haut
&#8658; &rArr; Double flèche vers la droite
sous-entendu
&#8659; &dArr; Double flèche vers le bas
&#8660; &hArr; Double flèche horizontale gauche et droite

Les opérateurs mathématiques
Caractère Code numérique Code HTML Description et usage
&#8704; &forall; pour tous
&#8706; &part; différentiel partiel
&#8707; &exist; là existe
&#8709; &empty; vide
nul
diamètre
&#8711; &nabla; Nabla
gradient
divergence
&#8712; &isin; élément de
&#8713; &notin; non élément de
&#8715; &ni; contient comme membre
&#8719; &prod; produit
&#8721; &sum; somme
&#8722; &minus; moins
&#8727; &lowast; Opérateur astérisque
&#8730; &radic; racine carrée
radical
&#8733; &prop; proportionnel à
&#8734; &infin; infinité
&#8736; &ang; angle
&#8743; &and; et logique
conjonction logique
&#8744; &or; ou logique
disjonction logique
&#8745; &cap; intersection
capot
&#8746; &cup; union
coupe
&#8747; &int; intégrale
&#8756; &there4; en conséquent
&#8764; &sim; Opérateur Tilde
varie de
similaire à
&#8773; &cong; approximativement égal à
&#8776; &asymp; presque égal à
asymptotiquement égal à
&#8800; &ne; non égal à
&#8801; &equiv; identique à
&#8804; &le; plus petit ou égal à
&#8805; &ge; plus grand ou égal à
&#8834; &sub; sous-ensemble de
&#8835; &sup; sur-ensemble de
&#8836; &nsub; pas sous-ensemble de
&#8837;   pas sur-ensemble de
&#8838; &sube; sous-ensemble ou égal à
&#8839; &supe; sur-ensemble ou égal à
&#8853; &oplus; plus cerclé
somme directe
&#8855; &otimes; fois cerclé
produit vectoriel
&#8869; &perp; clou dressé
orthogonal à
perpendiculaire
&#8901; &sdot; opérateur point

Les symboles techniques divers
Caractère Code numérique Code HTML Description et usage
&#8968; &lceil; Angle supérieur gauche
&#8969; &rceil; Angle supérieur droit
&#8970; &lfloor; Angle inférieur gauche
&#8971; &rfloor; Angle inférieur droit
&#9001; &lang; Angle vers la gauche
&#9002; &rang; Angle vers la droite

Forme géométrique
Caractère Code numérique Code HTML Description et usage
&#9674; &loz; Losange

Les symboles divers
Caractère Code numérique Code HTML Description et usage
&#9824; &spades; Piques
&#9827; &clubs; Trèfles
&#9829; &hearts; Cœurs
&#9830; &diams; Carreaux

Je ne saurai jamais ce qu’il en est pour vous, mais moi, il me manque seulement quelques caractères (maximum 5), différents selon le navigateur utilisé (Safari, Camino et Firefox pour Mac, l’un ou l’autre se servant peut-être en priorité d’une autre bibliothèque de fontes, Mac OS X étant assez complexe au niveau de la gestion de celles-ci.) Leur résultat est toujours différent.
En ajoutant des polices dans mes familles, je pourrais en afficher beaucoup plus, car cette liste n’est pas exhaustive. Mais ça dépendrait toujours des versions des polices disponibles par chaque système d’opération.
Vous trouverez plusieurs de mes références sur ma page Annuaire.

Mis à jour (Samedi, 13 Novembre 2010 12:21)

 

Ajouter un Commentaire

Les commentaires sont modérés à priori. Tout messages contenant des propos injurieux, haineux, discriminatoires ne seront jamais activés mais simplement effacés et leurs auteurs bannis.


Code de sécurité
Rafraîchir