<code>: Das Inline-Code-Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <code>-HTML-Element zeigt seinen Inhalt in einer Weise an, die darauf hinweisen soll, dass der Text ein kurzes Fragment von Computercode ist. Standardmäßig wird der Inhaltstext in der Standard-Schriftart mit fester Breite des Benutzeragents angezeigt.

Probieren Sie es aus

<p>
  The <code>push()</code> method adds one or more elements to the end of an
  array and returns the new length of the array.
</p>

code {
  background-color: #eee;
  border-radius: 3px;
  font-family: courier, monospace;
  padding: 0 3px;
}

Attribute

Dieses Element umfasst nur die globalen Attribute.

Beispiele

Ein Absatz mit Text, der <code> enthält:

html
<p>
  The function <code>selectAll()</code> highlights all the text in the input
  field so the user can, for example, copy or delete the text.
</p>

Ergebnis

Hinweise

Um mehrere Zeilen Code darzustellen, umschließen Sie das <code>-Element mit einem <pre>-Element. Das <code>-Element allein repräsentiert nur einen einzelnen Codeabschnitt oder eine Codezeile.

Eine CSS-Regel kann für den code-Selektor definiert werden, um die Standardschriftart des Browsers zu überschreiben. Vom Benutzer festgelegte Voreinstellungen könnten den spezifizierten CSS-Einstellungen Vorrang haben.

Technische Zusammenfassung

Inhaltskategorien Fließ-Inhalt, Phrasen-Inhalt, greifbarer Inhalt.
Erlaubter Inhalt Phrasen-Inhalt.
Tag-Auslassung Keine, sowohl der Start- als auch der End-Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das Phrasen-Inhalt akzeptiert.
Implizite ARIA-Rolle code
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement) Bis einschließlich Gecko 1.9.2 (Firefox 4) implementiert Firefox die [`HTMLSpanElement`](/de/docs/Web/API/HTMLSpanElement)-Schnittstelle für dieses Element.

Spezifikationen

Specification
HTML
# the-code-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch