Médiaforma

All posts tagged caractères non proportionnels

Par défaut, le texte affiché dans un document HTML est dit proportionnel. Ainsi par exemple, les lettres I et O n’auront pas la même largeur.

Il est parfois nécessaire d’utiliser des caractères non proportionnels. Par exemple, pour insérer des lignes de code dans une page HTML, ou pour faciliter l’alignement des caractères. Dans ce cas, vous devez encadrer le texte concerné par les balises <pre> et </pre>.

Les lignes 7 et 8 sont identiques aux lignes 12 et 13, si ce n’est que les lignes 12 et 13 sont encadrées par les balises <pre> et </pre>. Comme vous pouvez le voir, le résultat est très différent.

Remarquez également que les sauts de ligne sont respectés entre les balises <pre> et </pre>. A la fin de la ligne 7, nous avons utilisé une balise <br /> pour provoquer un passage à la ligne. A la fin de la ligne 12, la balise <br /> n’est pas nécessaire.

Il en va de même en ce qui concerne les espaces : entre les balises <pre> et </pre>, plusieurs espaces consécutifs seront interprétés comme tels. En dehors des balises <pre> et </pre>, plusieurs espaces consécutifs seront interprétés comme un seul espace.

Comme vous pouvez le voir, les lignes 7 et 11 produisent deux résultats très différents alors que leur codage est identique.