<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 Juli 2015.
Das <code> HTML Element zeigt seinen Inhalt so an, dass angezeigt wird, dass der Text ein kurzes Fragment von Computercode ist. Standardmäßig wird der Textinhalt mit der Standard-Monospace-Schriftart 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: #eeeeee;
border-radius: 3px;
font-family: "Courier New", monospace;
padding: 0 3px;
}
Attribute
Dieses Element enthält nur die globalen Attribute.
Beispiele
Ein Absatztext, 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 Zeilen von Code darzustellen, platzieren Sie das <code> Element innerhalb eines <pre> Elements. Das <code> Element allein stellt nur einen einzigen Codeausdruck oder eine einzige Codezeile dar.
Eine CSS-Regel kann für den code Selektor definiert werden, um die Standardschriftart des Browsers zu überschreiben. Von der Benutzerin oder dem Benutzer festgelegte Präferenzen könnten die angegebene CSS übergehen.
Technische Zusammenfassung
| Inhaltskategorien | Flow-Inhalt, Phrasing-Inhalt, fühlbarer Inhalt. |
|---|---|
| Erlaubter Inhalt | Phrasing-Inhalt. |
| Tag-Auslassung | Keine, sowohl das Start- als auch das End-Tag sind erforderlich. |
| Erlaubte Eltern | Jedes Element, das Phrasing-Inhalt 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
Loading…