<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 User Agents dargestellt wird. Dieses Element wurde geschaffen, um Text so darzustellen, wie er auf einer Anzeige mit fester Zeichenbreite, wie einem Fernschreiber, einem nur-Text-Bildschirm oder einem Zeilendrucker, dargestellt würde.

Die Begriffe nicht-proportional, Monospace und Schreibmaschinenschrift werden synonym verwendet und haben dieselbe allgemeine Bedeutung: Sie beschreiben eine Schriftart, deren Zeichen alle dieselbe Anzahl an Pixeln in der Breite haben.

Dieses Element ist jedoch veraltet. Sie sollten die semantisch sinnvolleren <code>, <kbd>, <samp> oder <var> Elemente für Inline-Text verwenden, der in Monospace-Schrift dargestellt werden soll, oder das <pre>-Tag für Inhalte verwenden, die in einem separaten Block dargestellt werden sollen.

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

Attribute

Dieses Element enthält nur die globalen Attribute

Beispiele

Einfaches Beispiel

Dieses Beispiel verwendet <tt>, um Text darzustellen, 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 – wenn der Browser es zulässt, was nicht erforderlich ist – indem Sie CSS verwenden:

CSS

css
tt {
  font-family: "Lucida Console", "Menlo", "Monaco", "Courier", 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

Verwendungshinweise

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

Hinweis: Vom Nutzer konfigurierte Änderungen an der Standardeinstellung für die Monospace-Schriftart können Ihre CSS-Regeln überschreiben.

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

Technische Zusammenfassung

Inhaltskategorien Fließender Inhalt, Textinhalt, greifbarer Inhalt.
Erlaubter Inhalt Textinhalt.
Tag-Auslassung Keine, sowohl der Anfangs- als auch der Endtag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Textinhalt akzeptiert.
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# tt

Browser-Kompatibilität

Siehe auch