Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<tt>: Das Teletype-Text-Element

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

Das <tt> HTML-Element erzeugt einen Inline-Text, der mit der standardmäßigen Monospace-Schriftart des Benutzeragenten dargestellt wird. Dieses Element wurde geschaffen, um Text so darzustellen, wie er auf einem Festbreitendisplay wie einem Fernschreiber, einem Nur-Text-Bildschirm oder einem Zeilendrucker angezeigt würde.

Die Begriffe nicht-proportional, Monotype und Monospace werden synonym verwendet und haben im Allgemeinen dieselbe Bedeutung: Sie beschreiben eine Schriftart, deren Zeichen alle die gleiche Pixelbreite haben.

Dieses Element ist jedoch veraltet. Sie sollten die semantisch hilfreicheren <code>, <kbd>, <samp> oder <var> Elemente für Inline-Text verwenden, der in Monospace dargestellt werden muss, oder das <pre> Tag für Inhalte, die als separater Block präsentiert werden sollen.

Hinweis: Wenn keines der semantischen Elemente für Ihren Anwendungsfall geeignet ist (zum Beispiel, wenn Sie Inhalte in einer nicht-proportionalen Schrift zeigen müssen), sollten Sie in Betracht ziehen, das <span> Element zu verwenden und es mit CSS nach Wunsch zu stylen. Die font-family Eigenschaft ist ein guter Ausgangspunkt.

Attribute

Dieses Element enthält nur die globalen Attribute.

Beispiele

Einfaches Beispiel

Dieses Beispiel verwendet <tt>, um Text anzuzeigen, der in eine Terminalanwendung eingegeben und von dieser ausgegeben wird.

html
<p>
  Enter the following at the telnet command prompt:
  <code>set localecho</code><br />

  The telnet client should display: <tt>Local Echo is on</tt>
</p>

Ergebnis

Überschreiben der Standardschriftart

Sie können die Standardschriftart des Browsers überschreiben – sofern es der Browser zulässt, was nicht erforderlich ist – indem Sie CSS verwenden:

CSS

css
tt {
  font-family: "Lucida Console", "Menlo", "Monaco", "Courier New", monospace;
}

HTML

html
<p>
  Enter the following at the telnet command prompt:
  <code>set localecho</code><br />

  The telnet client should display: <tt>Local Echo is on</tt>
</p>

Ergebnis

Hinweise zur Verwendung

Das <tt>-Element wird standardmäßig mit der nicht proportionalen Standardschriftart des Browsers dargestellt. Sie können dies mit CSS überschreiben, indem Sie eine Regel für den tt-Selektor erstellen, wie im Beispiel Überschreiben der Standardschriftart oben gezeigt.

Hinweis: Benutzerspezifische Änderungen an der Standardeinstellung für die Monospace-Schrift können Vorrang vor Ihrem CSS haben.

Obwohl dieses Element in HTML 4.01 nicht offiziell als veraltet erklärt wurde, wurde seine Verwendung zugunsten der semantischen Elemente und/oder CSS nicht empfohlen. Das <tt>-Element ist in HTML 5 obsolet.

Technische Zusammenfassung

Inhaltskategorien Fluss-Inhalt, Phrasierungs-Inhalt, fühlbarer Inhalt.
Erlaubter Inhalt Phrasierungs-Inhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Zulässige Eltern Jedes Element, das Phrasierungs-Inhalt akzeptiert.
Zulässige ARIA-Rollen Jede
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# tt

Browser-Kompatibilität

Siehe auch