Cours 1.3. Les caractères spéciaux en HTML

Syntaxe

Lorsque le navigateur interprète le code HTML, chaque signe inférieur < est analysé comme le début d'une balise et n'est pas affiché. Il devient alors impossible d'afficher ce symbole dans une page. Les développeurs sont alors confrontés à des problèmes d'interprétation :

comment savoir si les caractères sont des caractères à afficher ou à interpréter ?
comment supporter les caractères spéciaux comme les accents ou les c cédille ?

La solution à ces deux problèmes consiste à utiliser une syntaxe particulière pour afficher les caractères spéciaux. Le nom du caractère est encadré par un et-commercial (au début) et par un point-virgule (à la fin) :

&nom_du_symbole;

Exemple

Par exemple, le code suivant affiche quelques-uns des caractères spéciaux des plus utilisés:

<!-- liste non ordonnée des caractères -->
<ul>
    <li>&amp; ET COMMERCIAL</li>
    <li>&lt; INFERIEUR</li>
    <li>&gt; SUPERIEUR</li>
    <li>&ecirc; ACCENT CIRCONFLEX</li>
    <li>&eacute; ACCENT AIGU</li>
    <li>&egrave; ACCENT GRAVE</li>
    <li>&agrave; A ACCENT GRAVE</li>
</ul>

Le code précédent affiche la page suivante lorsqu'il est interprété par le navigateur :

Tester l'exemple en ligne

Vous trouverez de nombreux sites répertoriant les caractères spéciaux en HTML. Dans la suite du cours, les accents seront volontairement omis pour ne pas alourdir les exemples.

Espace insécable

Vous aurez peut-être remarqué que les espaces consécutifs sont remplacés par un espace unique lors du rendu dans le navigateur. Il est possible de contraindre le navigateur à ne pas supprimer un espace et à interdire le saut de ligne sur cet espace. Le caractère spécial   permet d'afficher un espace non sécable.   est l'abréviation de Non-Breaking SPace.

Exercice

Ecrire le code HTML qui affiche les markeurs suivant dans une page. Les markeurs ne doivent pas être interprétés comme dans l'exemple suivant:

Faire l'exercice en ligne

Solution

Cours 1.2 Sommaire Cours 1.4

Voir aussi

Dernière mise à jour : 23/05/2021