<code> HTML-Inline-Code-Element

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das <code> HTML-Element zeigt seinen Inhalt in einem Stil an, der darauf hinweisen soll, dass der Text ein kurzes Fragment von Computercode ist. Standardmäßig wird der Textinhalt mit der Standard-Monospace-Schriftart des Benutzeragents dargestellt.

In diesem Artikel

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: #eeeeee;
  border-radius: 3px;
  font-family: "Courier New", monospace;
  padding: 0 3px;
}

Attribute

Dieses Element beinhaltet nur die globalen Attribute.

Beispiele

Ein Textabsatz, 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, sollten Sie das <code>-Element innerhalb eines <pre>-Elements umschließen. Das <code>-Element alleine repräsentiert nur eine einzelne Codephrase oder eine Codezeile.

Eine CSS-Regel kann für den code-Selektor definiert werden, um die Standardschriftart des Browsers zu überschreiben. Einstellungen, die vom Benutzer festgelegt wurden, können Vorrang vor dem angegebenen CSS haben.

Technische Zusammenfassung

Inhaltskategorien Erlaubter Inhalt Tag-Auslassung Erlaubte Eltern Implizite ARIA-Rolle Erlaubte ARIA-Rollen DOM-Schnittstelle

Fließender Inhalt, inhaltliche Struktur, greifbarer Inhalt.

Inhaltliche Struktur.

Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.

Jedes Element, das inhaltliche Struktur akzeptiert.

code

Beliebig

[`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.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden