Tag HTML

: Exibindo Texto Monoespçado e Blocos de Código Corretamente

O elemento <pre> renderiza texto exatamente como digitado — preservando espaços, tabs e quebras de linha — em fonte monoespçada (tipicamente Courier, Consolas, Monospace).

Uso Básico

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

Exibe:

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

Atributos e Comportamento Principais

• Espaço em branco – Colapsa apenas se CSS white-space: normal aplicado.
• Fonte – Herda monoespaçada; sobrescreva com CSS font-family.
• Overflow – Adicione overflow: auto para scroll horizontal em linhas longas.
• Semântica – Representa texto pré-formatado (código, ASCII art, poesia).

Par Comum

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

Habilita syntax highlighters (Prism, Highlight.js) enquanto preserva formatação.

• Rogelio R. Sicat: Economista e Servidor Público Filipino
• Sistemas de Fotografia Aérea: Plataformas, Fluxo de Trabalho e Aplicações de Drones a Satélites