HTML/Textstrukturierung/pre
Das Element pre repräsentiert einen vorformatierten (engl.: preformatted) Textblock, in dem die Strukturen durch typographische Konventionen und nicht durch seinen Inhalt oder semantische Elemente gekennzeichnet ist.
Beispielsweise ist es für Programmlistings wichtig, dass sie in dicktengleicher Schrift dargestellt werden, und dass Whitespace wie Zeilenumbrüche und Einrückungen durch mehrere Leerzeichen oder Tabs so wiedergegeben werden, wie sie beim Editieren eingegeben wurden.
Inhaltsverzeichnis
Allgemeines[Bearbeiten]
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>
Gestaltung[Bearbeiten]
Browser wenden in der Regel ein Standardformat auf das pre
-Element an, insbesondere wird eine monospace
-Schriftart verwendet. Verwenden Sie CSS, um vorformatierte Textblöcke nach Ihren Vorstellungen zu formatieren.
pre {
background-color: darkblue;
color: yellow;
font-family: Fixedsys,Courier,monospace;
padding: 10px;
}
ASCII-Art[Bearbeiten]
Mit dem pre-Element ist es auch möglich ASCII-Art in seinen richtigen Proportionen darzustellen:
<pre>
.
|
|
|
# +------------------------------+
(=) | ACHTUNG! |
H | PRÄFORMATIERTER TEXT! | =o=
H | __; ~^
H +------------TT-----------° _ _ _
H || ________________ | | | (_)
H || | SELF-Treffen > | |__ ___ _ __| |_ _ __
M oÖo || |°°°°°°°°°°°°°°° | '_ \ / _ \ '__| | | '_ \
M | ö || | | |_) | __/ | | | | | | |
/ \~"""~"""~"""~"""~"""~"""~"""~~"""~"""~"""~""""|_.__/ \___|_| |_|_|_| |_|
</pre>
Siehe auch[Bearbeiten]
Weblinks[Bearbeiten]
- 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.