<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:
<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 | Fließender Inhalt, inhaltliche Struktur, greifbarer Inhalt. |
|---|---|
| Erlaubter Inhalt | Inhaltliche Struktur. |
| Tag-Auslassung | Keine, sowohl der Start- als auch der End-Tag sind obligatorisch. |
| Erlaubte Eltern | Jedes Element, das inhaltliche Struktur 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
| Spezifikation |
|---|
| HTML # the-code-element |