Tag <pre>

Tag <pre>

Definition

Status: Aktueller Standard

Das Tag <pre> steht für preformatted text (vorformatierter Text).

Das HTML-Element <pre> wird verwendet, wenn Leerzeichen, Zeilenumbrüche und Einrückungen exakt so dargestellt werden sollen, wie sie im Quelltext stehen. Typische Einsatzgebiete sind Codebeispiele, ASCII-Grafiken, Logs oder Textblöcke mit fixer Formatierung.

Syntax

<pre>...</pre>

Attribute bzw. Unterelemente

<source>

Definiert alternative Bildressourcen

srcset

Pfad zur Bilddatei (Pflichtattribut in <source>)

media

Eine Media-Query (z. B. Bildschirmbreite), die erfüllt sein muss (z.B.: "min-width: ...px" oder "orientation: portrait").

type

Spezifiziert den MIME-Typ (z. B. image/webp), um moderne Formate nur an kompatible Browser auszuliefern.

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <pre> - ---

Der Code:

<pre>
  Dieser Text   behält   seine
  Abstände und
  Zeilenumbrüche.
</pre>

Ergebnis:

Ergebnis: <pre>-Demo 1
---