Il tag <CODE> in HTML

In questa lezione ti spiego a cosa serve il tag <code> del linguaggio HTML.

<code> </code>

Questo tag ti permette di visualizzare un codice di un programma in un documento HTML.

Tutto ciò che inserisci dentro il doppio tag <code> viene visualizzato con un font monospace (es. il Courier) dove ogni carattere occupa lo stesso spazio fisso.

Ti faccio un esempio pratico.

Questo documento HTML stampa la stessa frase in un tag <p> e nel tag <code>

La frase nel tag <code> viene visualizzata con un font monospace.

Le alternative al tag <code>

Il tag <code> è un vecchio tag del linguaggio HTML ma non è deprecato. Tutti i browser lo interpretano ancora correttamente.

Puoi comunque ottenere gli stessi risultati del tag <code> anche usando il CSS tramite un foglio di stile.

classe {
font-family: monospace;
}

Ad esempio, questo documento utilizza una classe chiamata .codice

Il risultato finale è sempre lo stesso.

In alternativa puoi anche creare un tag personalizzato per ottenere lo stesso effetto. Ad esempio, puoi creare un tag con il nome <codice>

Questa strada non è raccomandabile perché creare nuovi tag può generare confusione. Tuttavia, è un'altra strada percorribile per ottenere lo stesso risultato finale.