HTML/Textstrukturierung/pre
Das Element pre erlaubt es, Text so darzustellen, wie er im Editor eingegeben wird, pre steht dabei für preformatted, also präformatiert, vorformatiert.
Beispielsweise für Programmlistings ist es wichtig, dass sie in dicktengleicher Schrift dargestellt werden, und dass Einrückungen so wiedergegeben werden, wie sie beim Editieren eingegeben wurden. Zu diesem Zweck bietet HTML die Möglichkeit der "präformatierten Textabschnitte" an. Präformatierter Text eignet sich in vielen Fällen zur Ausgabe von Debug-Meldungen beim Entwickeln mit serverseitigen Programmiersprachen wie PHP.
pre-Elemente werden häufig eingesetzt, um Quelltext darzustellen. In diesem Fall ist es semantisch korrekt, den Inhalt mit einem code-Element zu umfassen:<pre><code>...</code></pre>
[Bearbeiten] Präformatierten Text mit CSS formatieren
In welcher Schriftart und Schriftgröße präformatierter Text genau dargestellt wird, darauf haben Sie mit HTML keinen Einfluss. Die Browser benutzen Default-Formatierungen, für den Inhalt von pre-Elementen typischerweise eine dicktengleiche Schrift. Mit Stylesheets (CSS) können Sie ein solches Element jedoch nach Wunsch formatieren. Bei Verwendung von Stylesheets müssen Sie zunächst wissen, wie man CSS-Formate definieren kann. Anschließend sind Sie in der Lage, CSS-Eigenschaften anzuwenden. Maßgeblich sind im hier beschriebenen Zusammenhang z.B. folgende CSS-Eigenschaften:
- Schriftbild
- Textformatierung
- Textausrichtung
- Außenabstände
- Innenabstände
- Rahmen
- Außenlinie
- Hintergrundfarben und -bilder
[Bearbeiten] siehe auch
- Referenz: pre
[Bearbeiten] Weblinks
- W3C: the pre element
- mediatemple: Considerations for styling the < pre > tag vom 26.05.2015
<pre>leitet einen Textabschnitt mit präformatiertem Text ein.</pre>beendet den Abschnitt. Alles, was dazwischen steht, wird so angezeigt, wie es eingegeben wurde. Das gilt insbesondere für Leerzeichen.