<code> HTML-Inline-Code-Element - HTML | MDN

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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

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

Spezifikationen

Spezifikation
HTML>
# the-code-element>

Browser-Kompatibilität

Siehe auch