Dans une page Web, pour afficher les caractères spéciaux, il y a deux solutions :

• soit utiliser le code HTML du caractère (de la forme &code_caractere; où code_caractere est un code littéral)
• soit utiliser le code ASCII du caractère (de la forme &#code_ASCII; où code_ASCII est une valeur numérique)

Voici les codes HTML à utiliser pour afficher les principaux caractères particuliers dans une page Web.

Les caractères spéciaux et de ponctuation :

Les signes diacritiques seuls (les accents, le tréma et la cédille sont des signes diacritiques) :

Voici pour rappel des 6 signes diacritiques les plus utilisés :

Les caractères accentués (lettres latines à qui on a ajouté un signe diacritique) :

Ces codes HTML littéraux sont faciles à retenir ou à interpréter. Exemples :

• egrave signifie "la lettre e avec un accent grave" : le code HTML &egave; représente donc le caractère è
• pour obtenir le même caractère accentué mais en majuscule, il suffit de mettre le e en majuscule dans le code HTML
• le code HTML du caratère È est donc È
• de même, ccedil signifie "la lettre c avec une cédille"
• le code HTML du caractère ç (c cédille minuscule) est ç et le code HTML du caractère Ç (c cédille majuscule) est donc Ç
• de même, comme le code HTML du caractère à est à, on en déduit que le code HTML du caractère À est À

Les ligatures :

Les lettres grecques :

Les symboles monétaires :

Les symboles mathématiques et scientifiques :

En informatique tous les caractères portent un numéro unique appelé "code ASCII". Le code ASCII est un numéro entre 1 et 255.

Voici par exemple les caractères de 33 à 127. Il s'agit des caractères standards disponible directement sur un clavier :

33 : !    34 : "    35 : #    36 : $    37 : %

38 : &    39 : '    40 : (    41 : )    42 : *

43 : +    44 : ,    45 : -    46 : .    47 : /

48 : 0    49 : 1    50 : 2    51 : 3    52 : 4

53 : 5    54 : 6    55 : 7    56 : 8    57 : 9

58 : :    59 : ;    60 : <    61 : =    62 : >

63 : ?    64 : @    65 : A    66 : B    67 : C

68 : D    69 : E    70 : F    71 : G    72 : H

73 : I    74 : J    75 : K    76 : L    77 : M

78 : N    79 : O    80 : P    81 : Q    82 : R

83 : S    84 : T    85 : U    86 : V    87 : W

88 : X    89 : Y    90 : Z    91 : [    92 : \

93 : ]    94 : ^    95 : _    96 : `    97 : a

98 : b    99 : c    100 : d    101 : e    102 : f

103 : g    104 : h    105 : i    106 : j    107 : k

108 : l    109 : m    110 : n    111 : o    112 : p

113 : q    114 : r    115 : s    116 : t    117 : u

118 : v    119 : w    120 : x    121 : y    122 : z

123 : {    124 : |    125 : }    126 : ~    127 :

En HTML, pour insérer un caractère dans une page web à partir de son code ASCII, il faut utiliser le code &#nnn; où nnn est le code ASCII en décimal.

Pour les codes ASCII entre 128 et 255, nous retrouvons notamment les caractères accentués. Voici quelques exemples :

œ

156

œ

É

201

É

à

224

à

Pour connaître le code ASCII de tous les caractères cliquez ici.

Au delà de 255 nous tombons dans les caractères Unicode : il en existe plusieurs milliers ! Les caractères Unicode nous permettent d'afficher une grande diversité de caractères autre que les chiffres, les lettres et les caractères de ponctuation contenus dans la table ASCII de base. Nous y trouvons entre autre :

• tous les alphabets du monde
• des pictogrammes de toute sorte
• des "smiley"
• des symboles mathématiques et scientifiques
• etc.

Voici quelques exemples (parmi des milliers d'autres) de caractères Unicode :

✂

9986

✂

❅

10053

❅

❤

10084

❤

Pour parcourir la table de caractères Unicode en décimal cliquez ici.

Remarque : si le code numérique nnn du caractère est en décimal, il faut utiliser le code &#nnn; dans la page HTML pour l'afficher. Mais si le code numérique nnn du caractère est en hexadécimal, il faut utiliser le code &#xnnn; dans la page HTML.

Voici quelques exemples d'autres caractères Unicode dont le numéro est donné cette fois en hexadécimal :

✎

270E

✎

❀

2740

❀

✈

2708

✈

Pour parcourir la table de caractères Unicode en hexadécimal cliquez ici.

En HTML, pour insérer un caractère spécial dans un texte on utilise le code du caractère dans un des 2 formats :

• soit en utilisant le code HTML du caractère (entre & et ;)
• soit en utilisant le code numérique en décimal (entre &# et ;)
• soit en utilisant le code numérique en hexadécimal (entre &#x et ;)

Voici quelque exemples de textes ou d'expressions mathématiques utilisant des caractères spéciaux dont la plupart ne sont pas directement disponibles sur un clavier :

Voilà, vous savez désormais insérer toute sorte de caractères spéciaux dans vos pages web.