<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 einem Stil an, der darauf hinweist, dass der Text ein kurzes Fragment von Computercode ist. Standardmäßig wird der Inhaltstext in der Standard-Schriftart mit fester Breite des User-Agents 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 von 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

Anmerkungen

Um mehrere Codezeilen darzustellen, umschließen Sie das <code>-Element mit einem <pre>-Element. Das <code>-Element allein stellt nur eine einzelne Codephrase oder eine einzelne Codezeile dar.

Eine CSS-Regel kann für den code-Selektor definiert werden, um die Standardschriftart des Browsers zu überschreiben. Benutzereinstellungen können die festgelegten CSS-Einstellungen überwiegen.

Technische Zusammenfassung

Inhaltskategorien Flussinhalt, Phraseninhalt, greifbarer Inhalt.
Erlaubter Inhalt Phraseninhalt.
Tag-Auslassung Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Phraseninhalt 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

Siehe auch