Insertion de caractères spéciaux dans les pages web

Publié le par Francisek

L'utilisation de caractères spéciaux sur Internet pose souvent problème. Comme s'assurer que le lecteur aura l'affichage des bons caractères alors qu'il n'est pas sur le même système d'exploitation, qu'il n'utilise pas les mêmes polices de caractère voire même un alphabet différent.

Plusieurs standards sont utilisés pour l'affichage des textes dans les pages internet. Parmi ceux-ci, citons :

  • le standard ASCII qui définit un jeu de 127 caractères communs et sa variante ASCII étendu permettant d'utiliser 255 caractères (les 127 premiers caractères peuvent normalement être saisis dans une page sans trop de problèmes)
  • le standard ISO/CEI 8859 qui définit un jeu de caractères propre à une région et incluant ASCII (ISO Occidental 8859-1 pour l'europe de l'ouest, ISO-8859-5 pour le cyrillique, ISO-8859-6 pour l'arabe, ISO-2022-JP pour le japonais etc..) avec toute une collection de variantes (ISO-8859-15 pour la zone euro)
  • le standard Unicode qui encode les caractères sur plusieurs caractères (UTF-8, UTF-7, UTF-16, UTF-32)
  • enfin le code HTML qui représente un caractère sous forme textuelle.

Vous trouverez dans cette page les codes des caractères des catégories suivantes :

Caractères généraux

Caractère code HTML Code numérique Commentaire / Description Compatibilité
      espace insécable NS1
­ ­ ­ tiret de césure optionnelle
(permet au navigateur de couper le mot
au bon endroit si besoin de passer à la ligne)
 
?‎ ‎ ‎ marque gauche-à-droite  
?‏ ‏ ‏ marque droite-à-gauche  
" " " guillemet anglais, guillemet droit (quote) NS1
« « « guillemet français ouvrant NS3
» » » guillemet français fermant NS3
‹ ‹ guillemet français simple ouvrant  
› › guillemet français simple fermant  
“ “ guillemet double ouvrant, guillemet-apostrophe double culbuté  
” ” guillemet double fermant, guillemet-apostrophe double  
„ „ guillemet double fermant bas, guillemet-virgule double inférieur  
' ' ' guillemet simple droit  
‘ ‘ guillemet simple ouvrant, guillemet-apostrophe culbuté  
’ ’ guillemet simple fermant, guillemet-apostrophe  
‚ ‚ guillemet simple fermant bas, guillemet-virgule inférieur  
… … points de suspension  
! ! ! point d'exclamation  
¡ ¡ ¡ point d'exclamation inversé NS3
? ? ? point d'interrogation  
¿ ¿ ¿ point d'interrogation inversé NS3
( ( ( parenthése ouvrante  
) ) ) parenthése fermante  
[ [ [ crochet ouvrant  
] ] ] crochet fermant  
{ { { accolade ouvrante  
} } } accolade fermante  
¨ ¨ ¨ tréma NS3
´ ´ ´ accent aigu NS3
` ` ` accent grave  
^ ^ ^ accent circonflexe  
ˆ ˆ ˆ accent circonflexe  
~ ~ ~ tilde  
˜ ˜ ˜ petit tilde  
¸ ¸ ¸ cédille NS3
# # # dièse  
* * * étoile  
, , , virgule  
. . . point  
: : : deux-points  
; ; &#59; point-virgule  
· · · point médian NS3
• • gros point médian  
¯ ¯ ¯ macron NS3
‾ ‾ tiret en chef (overline, spacing overscore) pas IE5, pas Amaya8
- - - tiret, tiret quart-cadratin, tiret de mots composés  
– – tiret demi-cadratin, tiret d'incise  
— — tiret cadratin, tiret de dialogue  
_ _ _ tiret bas (underscore)  
| | | séparateur vertical (pipe)  
¦ ¦ ¦ barre verticale scindée NS3
?‌ ‌ ‌ antiliant sans chasse  
?‍ ‍ ‍ liant sans chasse  
† † obèle pas Amaya8
‡ ‡ double obèle pas Amaya8
§ § § section NS3
¶ ¶ paragraphe NS3
© © © copyright NS1
® ® ® marque déposée NS1
™ ™ marque commerciale (trade mark)  
& & & et commercial, esperluette, ampersand NS1
@ @ @ arobase (chez)  
/ / / diviser (slash)  
\ \ \ anti-slash  
◊ ◊ losange pas IE5
♠ ♠ pique noir pas IE5
♣ ♣ trèfle noir pas IE5
♥ ♥ cœur noir pas IE5
♦ ♦ carreau noir pas IE5
← ← flèche vers la gauche pas IE5
↑ ↑ flèche vers le haut pas IE5
→ → flèche vers la droite pas IE5
↓ ↓ flèche vers le bas pas IE5
↔ ↔ flèche bilatérale gauche-droite pas IE5

Monnaies

Caractère Code HTML Code numérique Commentaire / Description Compatibilité
¤ ¤ ¤ symbole monnaitaire NS3
€ € euro (monnaie européenne) NS4
$ $ $ dollar (monnaie américaine)  
¢ ¢ ¢ cent (monnaie américaine) NS3
£ £ £ pound (Livre sterling, monnaie anglaise) NS3
¥ ¥ ¥ yen (monnaie japonaise) NS3
ƒ ƒ ƒ florin (idem fonction)  

Caractères alphabétiques accentués et spéciaux

caractèrecode textecode numériquecommentairecompatibilité
á á á   NS1
Á Á Á   NS1
â â â   NS1
     NS1
à à à   NS1
À À À   NS1
å å å   NS1
Å Å Å   NS1
ã ã ã   NS1
à à à   NS1
ä ä ä   NS1
Ä Ä Ä   NS1
æ æ æ   NS1
Æ Æ Æ   NS1
ç ç ç   NS1
Ç Ç Ç   NS1
é é é   NS1
É É É   NS1
ê ê ê   NS1
Ê Ê Ê   NS1
è è è   NS1
È È È   NS1
ë ë ë   NS1
Ë Ë Ë   NS1
í í í   NS1
Í Í Í   NS1
î î î   NS1
Î Î Î   NS1
ì ì ì   NS1
Ì Ì Ì   NS1
ï ï ï   NS1
Ï Ï Ï   NS1
ñ ñ ñ   NS1
Ñ Ñ Ñ   NS1
ó ó ó   NS1
Ó Ó Ó   NS1
ô ô ô   NS1
Ô Ô Ô   NS1
ò ò ò   NS1
Ò Ò Ò   NS1
ø ø ø   NS1
Ø Ø Ø   NS1
õ õ õ   NS1
Õ Õ Õ   NS1
ö ö ö   NS1
Ö Ö Ö   NS1
œ œ œ ligature minuscule latine oe pas NS4
Œ Œ Œ ligature majuscule latine OE pas NS4
š š š lettre minuscule latine s avec caron pas NS4
Š Š Š lettre majuscule latine S avec caron pas NS4
ß ß ß lettre minuscule allemande s dur NS1
ð ð ð lettre minuscule islandaise ed NS1
Ð Ð Ð lettre majuscule islandaise ED NS1
þ þ þ lettre minuscule islandaise thorn NS1
Þ Þ Þ lettre majuscule islandaise Thorn NS1
ú ú ú   NS1
Ú Ú Ú   NS1
û û û   NS1
Û Û Û   NS1
ù ù ù   NS1
Ù Ù Ù   NS1
ü ü ü   NS1
Ü Ü Ü   NS1
ý ý ý   NS1
Ý Ý Ý   NS1
ÿ ÿ ÿ   NS1
Ÿ Ÿ Ÿ   pas NS4

Alphabet Grec

Caractère Code HTML Code numérique Commentaire / Description Compatibilité
α α α alpha  
Α Α Α Alpha  
β β β beta  
β Β Β Beta  
γ γ γ gamma  
Γ Γ Γ Gamma  
δ δ δ delta  
Δ Δ Δ Delta  
ε ε ε epsilon  
Ε Ε Ε Epsilon  
ζ ζ ζ zeta  
Ζ Ζ Ζ Zeta  
η η η eta  
Η Η Η Eta  
θ θ θ theta  
Θ Θ Θ Theta  
ι ι ι iota  
Ι Ι Ι Iota  
κ κ κ kappa  
Κ Κ Κ Kappa  
λ λ λ lambda  
Λ Λ Λ Lambda  
μ μ μ mu  
Μ Μ Μ Mu  
ν ν ν nu  
Ν Ν Ν Nu  
ξ ξ ξ xi  
Ξ Ξ Ξ Xi  
ο ο ο omicron  
Ο Ο Ο Omicron  
π π π pi  
Π Π Π Pi  
ρ ρ ρ rho  
Ρ Ρ Ρ Rho  
σ σ σ sigma  
ς ς ς sigma final  
Σ Σ Σ Sigma  
τ τ τ tau  
Τ Τ Τ Tau  
υ υ υ upsilon  
Υ Υ Υ Upsilon  
φ φ φ phi  
Φ Φ Φ Phi  
χ χ χ chi  
Χ Χ Χ Chi  
ψ ψ ψ psi  
Ψ Ψ Ψ Psi  
ω ω ω omega  
Ω Ω Ω Omega  

Sciences

Caractère Code HTML Code numérique Commentaire / Description Compatibilité
° ° ° degré NS3
µ µ µ mu (lettre grecque) NS3
< &lt; &#60; inférieur (less-than) NS1
> &gt; &#62; supérieur (greater-than) NS1
&le; &#8804; inférieur ou égal (less or equal) pas IE5
&ge; &#8805; supérieur ou égal (greater or equal) pas IE5
= = &#61; égal  
&asymp; &#8776; presque égal (asymptotic) pas IE5
&ne; &#8800; différent (not equal) pas IE5
&equiv; &#8801; équivalent pas IE5
± &plusmn; &#177; plus-ou-moins NS3
- &minus; &#8722; moins pas IE5
+ + &#43; plus  
× &times; &#215; multiplication NS3
÷ &divide; &#247; division NS3
&frasl; &#8260; fraction pas IE5
% % &#8240; pour cent  
&permil; &#8240; pour mille pas Amaya8
¼ &frac14; &#188; un quart NS3
½ &frac12; &#188; un demi NS3
¾ &frac34; &#188; trois quarts NS3
¹ &sup1; &#185; exposant 1 NS3
² &sup2; &#178; exposant 2 NS3
³ &sup3; &#179; exposant 3 NS3
º &ordm; &#186; indicateur ordinal masculin NS3
ª &ordf; &#170; indicateur ordinal féminin NS3
ƒ &fnof; &#402; fonction (idem florin)  
&prime; &#8242; prime, minutes, dérivée pas IE5
&Prime; &#8243; double prime, secondes, dérivée seconde pas IE5
&part; &#8706; dérivée partielle pas IE5
&prod; &#8719; produit n-aire pas IE5
&sum; &#8721; somme n-aire pas IE5
&radic; &#8730; racine carrée pas IE5
&infin; &#8734; infini pas IE5
¬ &not; &#172; crochet de négation NS3
&cap; &#8745; intersection pas IE5
&int; &#8747; intégrale pas IE5

Divers caractères

Leur utilisation n'est pas recommandée car ils sont moins bien reconnus par Internet Explorer 6. Leur affichage est néanmoins possible sous IE6 en utilisant une police unicode telle "Arial Unicode MS", comme dans cette page. De même pour Opera 7
Notez que Mozilla depuis la version 1, Netscape depuis la version 6 les prennent tous en charge, et Amaya 8 tous sauf six.

Pour pouvoir afficher encore plus de caractères, des alphabets anciens comme le Runique viking, il est nécessaire d'installer les polices les contenant.
Plus de détails sur Unicode.

Reconnus avec une police unicode et/ou par mise à jour de IE6

Caractère Code HTML Code numérique Commentaire / Description Compatibilité
&rArr; &#8658; double flèche vers la droite IE6.1/Unicode
&hArr; &#8660; flèche double d'équivalence IE6.1/Unicode
&forall; &#8704; pour tout IE6.1/Unicode
&exist; &#8707; il existe IE6.1/Unicode
&nabla; &#8711; nabla IE6.1/Unicode
&isin; &#8712; élément de IE6.1/Unicode
&ni; &#8715; contient IE6.1/Unicode, pas Amaya8
&prop; &#8733; proportionnel à IE6.1/Unicode
&ang; &#8736; angle IE6.1/Unicode
&and; &#8743; ET logique (wedge) IE6.1/Unicode
&or; &#8744; OU logique (vee) IE6.1/Unicode
&cup; &#8746; union (cup) IE6.1/Unicode
&there4; &#8756; il résulte que IE6.1/Unicode
&sim; &#8764; opérateur tilde = varie avec = similaire à IE6.1/Unicode
&sub; &#8834; sous-ensemble de IE6.1/Unicode
&sup; &#8835; superset of IE6.1/Unicode
&sube; &#8838; sous-ensemble de ou égal à IE6.1/Unicode
&supe; &#8839; superset of or equal to IE6.1/Unicode
&perp; &#8869; orthoganal à IE6.1/Unicode

Reconnus uniquement avec une police unicode et par mise à jour de IE6

Caractère Code HTML Code numérique Commentaire / Description Compatibilitéé
&oplus; &#8853; somme directe IE6.1
&thinsp; &#8201; espace fin IE6.1+Unicode
&ensp; &#8194; espace demi-cadratin IE6.1+Unicode
&emsp; &#8195; espace cadratin IE6.1+Unicode
&weierp; &#8472; script capital P = power set = Weierstrass p IE6.1+Unicode
&image; &#8465; partie imaginaire (majuscule I gothique) IE6.1+Unicode
&real; &#8476; partie réelle (majuscule R gothique) IE6.1+Unicode
&crarr; &#8629; retour à la ligne IE6.1+Unicode
&lArr; &#8656; double flèche vers la gauche IE6.1+Unicode
&uArr; &#8657; double flèche vers le haut IE6.1+Unicode
&dArr; &#8659; double flèche vers le bas IE6.1+Unicode
&empty; &#8709; ensemble vide; nul; diamètre IE6.1+Unicode
&notin; &#8713; n'est pas élément de IE6.1+Unicode
&lowast; &#8727; opérateur astérisque IE6.1+Unicode
&cong; &#8773; approximatevement égal à IE6.1+Unicode
&nsub; &#8836; n'est pas sous ensemble de IE6.1+Unicode
&otimes; &#8855; produit vectoriel IE6.1+Unicode
&sdot; &#8901; opérateur point IE6.1+Unicode
&lceil; &#8968; left ceiling = apl upstile IE6.1+Unicode
&rceil; &#8969; right ceiling IE6.1+Unicode
&lfloor; &#8970; left floor = apl downstile IE6.1+Unicode
&rfloor; &#8971; right floor IE6.1+Unicode
&lang; &#9001; chevron vers la gauche = bra IE6.1+Unicode
&rang; &#9002; chevron vers la droite = ket IE6.1+Unicode
&alefsym; &#8501; alef symbol = first transfinite cardinal IE6.1+Unicode, pas Opera7

 


Publié dans Les inserts

Commenter cet article

phloam 19/02/2007 00:57

C'est encore moi, le convertisseur se deplace

phloam 31/05/2005 16:37

salut je voulais juste vous parlez de mon convertisseur de caractères apeciaux qui convertit les caractères les plus usuels. Comme ca tu peut ecrire tes pages sans t'en soucier et tout convertir d'un coup.(Le bidule est sur mon site)

ymagine 27/03/2005 20:38

franchement le net rend plus intelligent !!!on apprend meme le grec sans se forcer ....
Francisek : lol et moi qui essaie désespérément d'apprendre l'espagnol !!

My 26/03/2005 00:07

Qu'est-ce qu'il est fort ce Francisek... eh eh

Charlie 25/03/2005 19:54

Très bien ton blog ! J'adore !