Balise HTML

 : afficher correctement texte monospace et blocs de code

L'élément <pre> affiche le texte tel que saisi — en préservant espaces, tabulations et retours ligne — en police monospace (généralement Courier, Consolas, Monospace).

Usage basique

<pre> function greet(name) { console.log("Hello, " + name); } </pre>

Affiche :

function greet(name) { console.log("Hello, " + name); }

Attributs & comportement clés

• Espaces blancs – Ne se collapsent que si CSS white-space: normal appliqué.
• Police – Hérite monospace ; redéfinissable via CSS font-family.
• Dépassement – Ajoutez overflow: auto pour défilement horizontal lignes longues.
• Sémantique – Représente texte préformaté (code, ASCII art, poésie).

Association courante

<pre><code class="language-js">...</code></pre>

Active coloration syntaxique (Prism, Highlight.js) tout en préservant formatage.