<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 eines Computer-Codes ist. Standardmäßig wird der Inhalt in der Standardschriftart mit fester Zeichenbreite des Benutzeragenten 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 enthält 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

Hinweise

Um mehrere Codezeilen darzustellen, wickeln Sie das <code>-Element in ein <pre>-Element ein. Das <code>-Element selbst repräsentiert nur eine einzelne Codephrase oder -zeile.

Eine CSS-Regel kann für den code-Selektor definiert werden, um die Standardschriftart des Browsers zu überschreiben. Vom Benutzer festgelegte Präferenzen können die angegebenen CSS-Vorgaben überschreiben.

Technische Zusammenfassung

Inhaltskategorien	Flussinhalt, Textinhalt, greifbarer Inhalt.
Erlaubter Inhalt	Textinhalt.
Tag-Weglassung	Keine, sowohl das Start- als auch das End-Tag sind Pflicht.
Erlaubte Eltern	Jedes Element, das Textinhalt akzeptiert.
Implizierte ARIA-Rolle	`code`
Zulässige 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