<tt>: Das Teletype-Text-Element

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, kann sie bereits aus den relevanten Webstandards entfernt worden sein, befindet sich im Prozess der Entfernung oder wird nur aus Kompatibilitätsgründen beibehalten. Vermeiden Sie die Verwendung und aktualisieren Sie gegebenenfalls bestehenden Code; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu treffen. Beachten Sie, dass diese Funktion jederzeit nicht mehr funktionieren kann.

Das <tt> HTML-Element erzeugt Inline-Text, der mit der Standardmonospace-Schriftart des User-Agents angezeigt wird. Dieses Element wurde entwickelt, um Text so darzustellen, wie er auf einem Festbreitendisplay wie einem Fernschreiber, einem reinen Textbildschirm oder einem Zeilendrucker angezeigt werden würde.

Die Begriffe nicht-proportional, Monotype und Monospace werden synonym verwendet und haben im Allgemeinen die gleiche Bedeutung: Sie beschreiben eine Schriftart, deren Zeichen alle die gleiche Anzahl von Pixeln breit sind.

Dieses Element ist jedoch veraltet. Sie sollten die semantisch hilfreicheren <code>, <kbd>, <samp>, oder <var> Elemente für Inline-Text verwenden, der in Monospace-Schrift dargestellt 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 einige Inhalte in einer nicht-proportionalen Schrift zeigen müssen), sollten Sie die Verwendung des <span>-Elements in Betracht ziehen, indem sie es mit CSS nach Belieben gestalten. Die font-family-Eigenschaft ist ein guter Ausgangspunkt.

Attribute

Dieses Element umfasst 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 Standardschriftart

Sie können die Standardschrift des Browsers überschreiben – falls der Browser Ihnen dies erlaubt, was er nicht tun muss – mithilfe von CSS:

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

Hinweise zur Nutzung

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

Hinweis: Vom Benutzer konfigurierte Änderungen der Standardmonospace-Schrifteinstellung können Vorrang vor Ihrem CSS haben.

Obwohl dieses Element in HTML 4.01 nicht offiziell veraltet war, wurde die Verwendung zugunsten der semantischen Elemente und/oder CSS abgeraten. Das <tt>-Element ist in HTML 5 veraltet.

Technische Zusammenfassung

Inhaltskategorien Fließende Inhalte, Phrasierende Inhalte, greifbare Inhalte.
Erlaubter Inhalt Phrasierende Inhalte.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das phrasierende Inhalteakzeptiert.
Zulässige ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML Standard
# tt

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch