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 disponibles 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.

Remarque : entre 128 et 255 les codes des caractères utilisés en HTML correspondent à la table ASCII étendue ANSI.

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
• des symboles graphiques (flèches, cadres, étoiles, puces, etc.)
• 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 3 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. Exemple d'application : utiliser des symboles graphiques trouvés dans la table des caractères unicode pour réaliser un séparateur élégant et original entre deux paragraphes de texte :

❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇ ❇

Remarque : pour utiliser les caractères unicode dans Dreamweaver, on ne se soucis pas de la police de caractères : c'est le navigateur qui, lorsqu'il affichera la page web, choisira automatiquement une police unicode adaptée. En principe les caractères sont affichés avec les polices unicode Arial Unicode MS ou MS Mincho (sauf si votre navigateur en décide autrement). La qualité et la quantité des caractères correctement affichés dépend de votre système, de votre navigateur et de la police unicode qu'il utilise.

Plus que jamais, les pages web éditée dans Dreamweaver doivent être testées et visionnées dans un véritable navigateur Internet pour voir leur rendue réel.