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.
| 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 | |
| ; | ; | Point virgule | |
| < | < | < | Opérateur mathématique Plus petit que |
| = | = | Opérateur mathématique Égale | |
| > | > | > | Opérateur mathématique Plus grand que |
| ? | ? | Point d’interrogation | |
| @ | @ | Arrobe (symbole de volume espagnol) a commercial chez (dans une adresse eMail) |
|
| [ | [ | Crochet ouvrant | |
| \ | \ | Backslash Barre oblique inversée |
|
| ] | ] | Crochet fermant | |
| ^ | ^ | Caret | |
| _ | _ | Tiret inférieur | |
| ` | ` | Accent grave | |
| { | { | Accolade ouvrante | |
| | | | | Pipe Barre verticale |
|
| } | } | Accolade fermante | |
| ˜ | ~ | ˜ | Tilde ASCII |
À partir d’ici, çà se complique :
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
| € | € | € | Euro |
| � |  | Caractère de remplacement | |
| ‚ | ‚ | ‚ | Guillemet anglais ouvrant simple bas |
| ƒ | ƒ | ƒ | Florin |
| „ | „ | „ | Guillemet anglais ouvrant double bas |
| … | … | … | Points de suspension |
| † | † | † | Dague |
| ‡ | ‡ | ‡ | Double dague |
| ˆ | ˆ | ˆ | Accent circonflexe |
| ‰ | ‰ | ‰ | Pour mille |
| Š | Š | Š | S capital et accent caron |
| ‹ | ‹ | ‹ | Chevron simple ouvrant |
| Œ | Œ | Œ | Ligature OE |
| ‘ | ‘ | ‘ | Simple guillemet anglais ouvrant |
| ’ | ’ | ’ | La véritable apostrophe française Simple guillemet anglais fermant |
| “ | “ | “ | Guillemet anglais ouvrant |
| ” | ” | ” | Guillemet anglais fermant |
| • | • | • | Puce |
| – | – | – | Tiret demi cadratin (largeur du N) |
| — | — | — | Tiret cadratin (largeur du M) |
| ˜ | ˜ | Tilde accent | |
| ™ | ™ | ™ | Trademark |
| š | š | š | s bas-de-casse et accent caron |
| › | › | › | Chevron simple fermant |
| œ | œ | œ | Ligature oe |
| Ÿ | Ÿ | Ÿ | Y capital et tréma |
|   | | Espace insécable | |
| ¡ | ¡ | ¡ | Point d’exclamation inversé |
| ¢ | ¢ | ¢ | Cent |
| £ | £ | £ | Livre (monétaire) |
| ¤ | ¤ | ¤ | Monnaie générique |
| ¥ | ¥ | ¥ | Yen |
| ¦ | ¦ | ¦ | Barre brisée |
| § | § | § | Section |
| ¨ | ¨ | ¨ | Tréma - Diæresis |
| © | © | © | Copyright |
| ª | ª | ª | Féminin exposant |
| « | « | « | Guillemet français ouvrant Double chevron ouvrant |
| ¬ | ¬ | ¬ | Non logique Retour à la ligne |
| - | ­ | ­ | Tiret conditionnel |
| ® | ® | ® | Marque enregistrée |
| ¯ | ¯ | ¯ | Macron |
| ° | ° | ° | Degré |
| ± | ± | ± | Opérateur mathématique Plus ou moins |
| ² | ² | ² | Carré -Exposant 2 |
| ³ | ³ | ³ | Cube - Exposant 3 |
| ´ | ´ | ´ | Accent aigu |
| µ | µ | µ | Micron |
| ¶ | ¶ | ¶ | Paragraphe - Pied de mouche |
| · | · | · | Point central |
| ¸ | ¸ | ¸ | Cédille |
| ¹ | ¹ | ¹ | Exposant 1 |
| º | º | º | Masculin exposant |
| » | » | » | Guillemet français fermant Chevron double fermant |
| ¼ | ¼ | ¼ | Un quart |
| ½ | ½ | ½ | Un demi |
| ¾ | ¾ | ¾ | Trois quarts |
| ¿ | ¿ | ¿ | Point d’interrogation renversé |
| À | À | À | A capital et accent grave |
| Á | Á | Á | A capital et accent aigu |
| Â | Â | Â | A capital et accent circonflexe |
| Ã | Ã | Ã | A capital et tilde |
| Ä | Ä | Ä | A capital et tréma |
| Å | Å | Å | A capital et ring |
| Æ | Æ | Æ | Ligature AE capitale |
| Ç | Ç | Ç | C capital et cédille |
| È | È | È | E capital et accent grave |
| É | É | É | E capital et accent aigu |
| Ê | Ê | Ê | E capital et accent circonflexe |
| Ë | Ë | Ë | E capital et tréma |
| Ì | Ì | Ì | I capital et accent grave |
| Í | Í | Í | I capital et accent aigu |
| Î | Î | Î | I capital et accent circonflexe |
| Ï | Ï | Ï | I capital et tréma |
| Ð | Ð | Ð | Eth capital |
| Ñ | Ñ | Ñ | N capital et tilde |
| Ò | Ò | Ò | O capital et accent grave |
| Ó | Ó | Ó | O capital et accent aigu |
| Ô | Ô | Ô | O capital et accent circonflexe |
| Õ | Õ | Õ | O capital et tilde |
| Ö | Ö | Ö | O capital et tréma |
| × | × | × | Signe de multiplication |
| Ø | Ø | Ø | O capital barré |
| Ù | Ù | Ù | U capital et accent grave |
| Ú | Ú | Ú | U capital et accent aigu |
| Û | Û | Û | U capital et accent circonflexe |
| Ü | Ü | Ü | U capital et tréma |
| Ý | Ý | Ý | Y capital et accent aigu |
| Þ | Þ | Þ | Thorn capital |
| ß | ß | ß | Ligature double s germain |
| à | à | à | a bas-de-casse et accent grave |
| á | á | á | a bas-de-casse et accent aigu |
| â | â | â | a bas-de-casse et accent circonflexe |
| ã | ã | ã | a bas-de-casse et tilde |
| ä | ä | ä | a bas-de-casse et tréma |
| å | å | å | a bas-de-casse et ring |
| æ | æ | æ | Ligature ae bas-de-casse |
| ç | ç | ç | c bas-de-casse et cédille |
| è | è | è | e bas-de-casse et accent grave |
| é | é | é | e bas-de-casse et accent aigu |
| ê | ê | ê | e bas-de-casse et accent circonflexe |
| ë | ë | ë | e bas-de-casse et tréma |
| ì | ì | ì | i bas-de-casse et accent grave |
| í | í | í | i bas-de-casse et accent aigu |
| î | î | î | i bas-de-casse et accent circonflexe |
| ï | ï | ï | i bas-de-casse et tréma |
| ð | ð | ð | eth bas-de-casse |
| ñ | ñ | ñ | n bas-de-casse et tilde |
| ò | ò | ò | o bas-de-casse et accent grave |
| ó | ó | ó | o bas-de-casse et accent aigu |
| ô | ô | ô | o bas-de-casse et accent circonflexe |
| õ | õ | õ | o bas-de-casse et tilde |
| ö | ö | ö | o bas-de-casse et tréma |
| ÷ | ÷ | ÷ | Signe de division |
| ø | ø | ø | o bas-de-casse barré |
| ù | ù | ù | u bas-de-casse et accent grave |
| ú | ú | ú | u bas-de-casse et accent aigu |
| û | û | û | u bas-de-casse et accent circonflexe |
| ü | ü | ü | u bas-de-casse et tréma |
| ý | ý | ý | y bas-de-casse et accent aigu |
| þ | þ | þ | thorn bas-de-casse |
| ÿ | ÿ | ÿ | y bas-de-casse et tréma |
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
| Œ | Œ | Œ | Ligature capitale OE |
| œ | œ | œ | Ligature bas-de-casse oe |
| Š | š | Š | S capital et caron |
| š | Ţ | š | s bas-de-casse et caron |
| Ž | Ž | Z capital et caron | |
| ž | ž | z bas-de-casse et caron |
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
|   |   | Espace demi cadratin | |
|   |   | Espace cadratin | |
|   |   | 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 - - en lui appliquant la balise <span class="thin"> </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.
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
| Α | Α | Α | Alpha capital |
| Β | Β | Β | Beta capital |
| Γ | Γ | Γ | Gamma capital |
| Δ | Δ | Δ | Delta capital |
| Ε | Ε | Ε | Epsilon capital |
| Ζ | Ζ | Ζ | Zeta capital |
| Η | Η | Η | Eta capital |
| Θ | Θ | Θ | Theta capital |
| Ι | Ι | Ι | Iota capital |
| Κ | Κ | Κ | Kappa capital |
| Λ | Λ | Λ | Lambda capital |
| Μ | Μ | Μ | Mu capital |
| Ν | Ν | Ν | Nu capital |
| Ξ | Ξ | Ξ | Xi capital |
| Ο | Ο | Ο | Omicron capital |
| Π | Π | Π | Pi capital |
| Ρ | Ρ | Ρ | Rho capital |
| Σ | Σ | Σ | Sigma capital |
| Τ | Τ | Τ | Tau capital |
| Υ | Υ | Υ | Upsilon capital |
| Φ | Φ | Φ | Phi capital |
| Χ | Χ | Χ | Chi capital |
| Ψ | Ψ | Ψ | Psi capital |
| Ω | Ω | Ω | Omega capital |
| α | α | α | alpha bas-de-casse |
| β | β | β | beta bas-de-casse |
| γ | γ | γ | gamma bas-de-casse |
| δ | δ | δ | delta bas-de-casse |
| ε | ε | ε | epsilon bas-de-casse |
| ζ | ζ | ζ | zeta bas-de-casse |
| η | η | η | eta bas-de-casse |
| θ | θ | θ | theta bas-de-casse |
| ι | ι | ι | iota bas-de-casse |
| κ | κ | κ | kappa bas-de-casse |
| λ | λ | λ | lambda bas-de-casse |
| μ | μ | μ | mu bas-de-casse |
| ν | ν | ν | nu bas-de-casse |
| ξ | ξ | ξ | xi bas-de-casse |
| ο | ο | ο | omicron bas-de-casse |
| π | π | π | pi bas-de-casse |
| ρ | ρ | ρ | rho bas-de-casse |
| ς | ς | ς | sigma final bas-de-casse |
| σ | σ | σ | sigma bas-de-casse |
| τ | τ | τ | tau bas-de-casse |
| υ | υ | υ | upsilon bas-de-casse |
| φ | φ | φ | phi bas-de-casse |
| χ | χ | χ | chi bas-de-casse |
| ψ | ψ | ψ | psi bas-de-casse |
| ω | ω | ω | omega bas-de-casse |
| ϑ | ϑ | ϑ | Symbole theta bas-de-casse |
| ϒ | ϒ | ϒ | Symbole upsilon bas-de-casse et crochet |
| ϖ | ϖ | ϖ | Symbole pi bas-de-casse |
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
| ′ | ′ | ′ | Minute Pied (mesure) |
| ″ | ″ | ″ | Seconde Pouce (mesure) |
| ‾ | ‾ | ‾ | Ligne supérieure |
| ⁄ | ⁄ | ⁄ | Fraction |
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
| ℘ | ℘ | ℘ | Fonction weierstrassienne p |
| ℑ | ℑ | ℑ | Part imaginaire de |
| ℜ | ℜ | ℜ | Part réelle |
| ℵ | ℵ | ℵ | Premier cardinal transfini |
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
| ← | ← | ← | Flèche vers la gauche |
| ↑ | ↑ | ↑ | Flèche vers le haut |
| → | → | → | Flèche vers la droite |
| ↓ | ↓ | ↓ | Flèche vers le bas |
| ↔ | ↔ | ↔ | Flèche horizontale gauche et droite |
| ↵ | ↵ | ↵ | Flèche vers le bas puis la gauche Retour chariot |
| ⇐ | ⇐ | ⇐ | Double flèche vers la gauche est sous-entendu par |
| ⇑ | ⇑ | ⇑ | Double flèche vers le haut |
| ⇒ | ⇒ | ⇒ | Double flèche vers la droite sous-entendu |
| ⇓ | ⇓ | ⇓ | Double flèche vers le bas |
| ⇔ | ⇔ | ⇔ | Double flèche horizontale gauche et droite |
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
| ∀ | ∀ | ∀ | pour tous |
| ∂ | ∂ | ∂ | différentiel partiel |
| ∃ | ∃ | ∃ | là existe |
| ∅ | ∅ | ∅ | vide nul diamètre |
| ∇ | ∇ | ∇ | Nabla gradient divergence |
| ∈ | ∈ | ∈ | élément de |
| ∉ | ∉ | ∉ | non élément de |
| ∋ | ∋ | ∋ | contient comme membre |
| ∏ | ∏ | ∏ | produit |
| ∑ | ∑ | ∑ | somme |
| − | − | − | moins |
| ∗ | ∗ | ∗ | Opérateur astérisque |
| √ | √ | √ | racine carrée radical |
| ∝ | ∝ | ∝ | proportionnel à |
| ∞ | ∞ | ∞ | infinité |
| ∠ | ∠ | ∠ | angle |
| ∧ | ∧ | ∧ | et logique conjonction logique |
| ∨ | ∨ | ∨ | ou logique disjonction logique |
| ∩ | ∩ | ∩ | intersection capot |
| ∪ | ∪ | ∪ | union coupe |
| ∫ | ∫ | ∫ | intégrale |
| ∴ | ∴ | ∴ | en conséquent |
| ∼ | ∼ | ∼ | Opérateur Tilde varie de similaire à |
| ≅ | ≅ | ≅ | approximativement égal à |
| ≈ | ≈ | ≈ | presque égal à asymptotiquement égal à |
| ≠ | ≠ | ≠ | non égal à |
| ≡ | ≡ | ≡ | identique à |
| ≤ | ≤ | ≤ | plus petit ou égal à |
| ≥ | ≥ | ≥ | plus grand ou égal à |
| ⊂ | ⊂ | ⊂ | sous-ensemble de |
| ⊃ | ⊃ | ⊃ | sur-ensemble de |
| ⊄ | ⊄ | ⊄ | pas sous-ensemble de |
| ⊅ | ⊅ | pas sur-ensemble de | |
| ⊆ | ⊆ | ⊆ | sous-ensemble ou égal à |
| ⊇ | ⊇ | ⊇ | sur-ensemble ou égal à |
| ⊕ | ⊕ | ⊕ | plus cerclé somme directe |
| ⊗ | ⊗ | ⊗ | fois cerclé produit vectoriel |
| ⊥ | ⊥ | ⊥ | clou dressé orthogonal à perpendiculaire |
| ⋅ | ⋅ | ⋅ | opérateur point |
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
| ⌈ | ⌈ | ⌈ | Angle supérieur gauche |
| ⌉ | ⌉ | ⌉ | Angle supérieur droit |
| ⌊ | ⌊ | ⌊ | Angle inférieur gauche |
| ⌋ | ⌋ | ⌋ | Angle inférieur droit |
| 〈 | 〈 | ⟨ | Angle vers la gauche |
| 〉 | 〉 | ⟩ | Angle vers la droite |
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
| ◊ | ◊ | ◊ | Losange |
| Caractère | Code numérique | Code HTML | Description et usage |
|---|---|---|---|
| ♠ | ♠ | ♠ | Piques |
| ♣ | ♣ | ♣ | Trèfles |
| ♥ | ♥ | ♥ | Cœurs |
| ♦ | ♦ | ♦ | 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)