Tag HTML

: visualizzare testo monospaziato e blocchi di codice correttamente

L'elemento <pre> visualizza il testo esattamente come scritto—preservando spazi, tabulazioni e interruzioni di riga—in un carattere monospaziato (tipicamente Courier, Consolas, Monospace).

Utilizzo base

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

Visualizza:

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

Attributi e comportamento chiave

• Spazi bianchi – Collassano solo se applicato CSS white-space: normal.
• Carattere – Eredita monospazio; sovrascrivi con CSS font-family.
• Overflow – Aggiungi overflow: auto per scorrimento orizzontale su linee lunghe.
• Semantica – Rappresenta testo preformattato (codice, ASCII art, poesia).

Abbinamento comune

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

Abilita evidenziatori di sintassi (Prism, Highlight.js) preservando la formattazione.