[retour au weblog]

Caractères accentués et spéciaux en HTML

Les "entités" HTML

Et commercial   lettre de base   modification   point-virgule
& + a A
e E
i I
o O
u U
c C
+
acute (aïgu)
grave (grave)
circ (circonflexe)
uml (umlaüt = tréma)
cedil (cédille)
+ ;

Exemples :

à = & + a + grave + ; = à
ô = & + o + circ + ; = ô
Ç = & + C + cedil + ; = Ç

On constate que la casse a une importance : ç affiche le c cédille minuscule tandis que É affiche le E accent aïgu majuscule.
Et il ne faut pas oublier le point-virgule final !

Comment afficher ...?
Le Et commercial & & (comme ampersand, le nom de ce caractère en anglais)
Le "ss" allemand : ß ß
Le bec ouvrant : < &lt; (comme lesser than = "plus petit que")
Le bec fermant : > &gt; (comme greater than = "plus grand que")
Le guillement ouvrant : « &laquo; (l comme left = guillemet de gauche)
Le guillement fermant : » &raquo; (r comme right = guillemet de droite)
Le guillement simple : " &quot;

Références :

Valid HTML 4.01 (Transitional) !

manur, juin 2002, v.1.1

[retour au weblog]

Pourquoi utiliser une entité plutôt que le caractère correspondant ?

Dans le code source, ces caractères sont représentés par leurs entités ("&eacute;" etc..) :

é è à ï ô ç

Tandis que ces caractères sont représentés simplement par la lettre correspondante ("é" etc..), saisie au clavier :

é è à ï ô ç

Si vous voyez les mêmes choses, c'est que votre navigateur est configuré pour l'alphabet "occidental". Voyons ce que cela donne avec d'autres configurations d'autres parties du monde (vous pouvez faire l'expérience, sous Internet Explorer dans le menu Affichage, changez la sélection dans Codage) :

unicode En "Unicode"
cyrillique En cyrillique
grec En grec
baltique En "Baltique"
etc etc...

Les entités n'ont pas changé d'aspect, quant à elles.

Est-il utile d'ajouter que bon nombre de francophones se trouvent pour leurs vacances ou leur travail à l'étranger, sur des ordinateurs dont ils ne peuvent pas (ou ne savent pas) changer le Codage ? Sans parler des étrangers qui tentent d'améliorer leurs connaissances de notre langue par Internet...

Convaincu ?

[haut de page]

[retour au weblog]