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> HTML-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 erstellt Inline-Text, der mit der Standard-Monospace-Schriftart des User Agents angezeigt wird. Dieses Element wurde mit dem Ziel erstellt, Text so darzustellen, wie er auf einem Display mit fester Breite wie einem Teletype, einem reinen Textbildschirm oder einem Zeilendrucker angezeigt werden würde.

Die Begriffe nicht-proportional, monotype und monospace werden synonym verwendet und haben die gleiche allgemeine Bedeutung: Sie beschreiben einen Schriftartstyp, bei dem alle Zeichen die gleiche Anzahl von Pixeln breit sind.

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

Hinweis: Wenn keines der semantischen Elemente für Ihren Anwendungsfall geeignet ist (zum Beispiel, wenn Sie Inhalte in einer nicht-proportionalen Schriftart anzeigen müssen), sollten Sie erwägen, das <span>-Element zu verwenden und es mit CSS nach Wunsch zu gestalten. 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 zu zeigen, 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 Standard-Schriftart

Sie können die Standardschriftart des Browsers überschreiben – wenn der Browser es zulässt, was er nicht muss –, 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

Nutzungshinweise

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 obigen Beispiel Überschreiben der Standard-Schriftart gezeigt.

Hinweis: Vom Benutzer konfigurierte Änderungen an den Standard-Monospace-Schrifteinstellungen können Vorrang vor Ihrem CSS haben.

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

Technische Zusammenfassung

Inhaltskategorien Fließender Inhalt, Phraseninhalt, greifbarer Inhalt.
Erlaubter Inhalt Phraseninhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das Phraseninhalt akzeptiert.
Zulässige ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Spezifikation
HTML
# tt

Browser-Kompatibilität

Siehe auch