HTML `<tt>`-Tag

Das <tt>-Tag erzeugt einen Inline-Text, der in einer Monospace- oder Festbreitenschrift dargestellt wird, ähnlich wie auf einem Fernschreiber oder einer Schreibmaschine.

Die Begriffe Monotype, Monospace und nicht-proportional bedeuten dasselbe. Sie werden synonym verwendet und beschreiben eine Schriftart, bei der alle Zeichen dieselbe Breite aufweisen.

DANGER

Das <tt>-Tag ist in HTML5 veraltet.

Verwenden Sie anstelle des <tt>-Tags die CSS-Eigenschaft font-family oder passende HTML-Elemente: das <kbd>-Tag für Tastatureingaben, das <var>-Tag für Variablen, das <code>-Tag für Computercode, das <samp>-Tag für Computer-Ausgaben sowie das <pre>-Tag für Zeilenumbrüche und Einrückungen.

Syntax

Das <tt>-Tag wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<tt>) und dem schließenden (</tt>) Tag geschrieben.

Beispiel für das HTML `<tt>`-Tag:

HTML <tt>-Tag

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This is an ordinary text.</p>
    <p><tt>And this is a teletype text.</tt></p>
  </body>
</html>

Try it Yourself »

Ergebnis

tt tag example

Beispiel für die Verwendung von CSS `font-family` anstelle des HTML `<tt>`-Tags:

Beispiel mit CSS

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This is an ordinary text.</p>
    <p style="font-family: monospace">And this is a teletype text.</p>
  </body>
</html>

Try it Yourself »

Attribute

Das <tt>-Tag unterstützt die Globalen Attribute.

So stylen Sie ein HTML <tt>-Tag

json

{
    "tag_name": "tt"
}

Praxis

Wofür wird das HTML <tt>-Tag hauptsächlich verwendet und welches Element ersetzt es in HTML5?

Das HTML <tt>-Tag wird verwendet, um einen Absatz mit einer Hintergrundfarbe zu versehen, und das <color>-Tag ersetzt dieses Element in HTML5Das HTML <tt>-Tag wird verwendet, um Text in einer Fernschreib- oder Monospace-Schrift darzustellen, und das <html>-Tag ersetzt dieses Element in HTML5Das HTML <tt>-Tag wird verwendet, um Text in einer Fernschreib- oder Monospace-Schrift darzustellen, und kein anderes Tag ersetzt dieses Element in HTML5Das HTML <tt>-Tag wird verwendet, um Text in einer Fernschreib- oder Monospace-Schrift darzustellen, und das <code>-, <kbd>-, <pre>- oder <samp>-Tag ersetzt dieses Element in HTML5

HTML <tt>-Tag ​

Syntax ​

Beispiel für das HTML &lt;tt&gt;-Tag: ​

Ergebnis ​

Beispiel für die Verwendung von CSS font-family anstelle des HTML &lt;tt&gt;-Tags: ​

Attribute ​