<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 in einem Stil an, der darauf hinweist, dass der Text ein kurzes Fragment von Computercode ist. Standardmäßig wird der Textinhalt mit der Standard-Schriftart des User Agents im Monospace 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, monospace;
padding: 0 3px;
}
Attribute
Dieses Element enthält nur die globalen Attribute.
Beispiele
Ein Absatz mit Text, 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, umschließen Sie das <code>-Element mit einem <pre>-Element. Das <code>-Element allein stellt nur eine einzelne Code-Phrase oder Code-Zeile dar.
Eine CSS-Regel kann für den code-Selektor definiert werden, um die standardmäßig vom Browser verwendete Schriftart zu überschreiben. Vom Benutzer festgelegte Präferenzen können gegenüber der angegebenen CSS Vorrang haben.
Technische Zusammenfassung
| Content-Kategorien | Fließender Inhalt, Phrasierung-Inhalt, greifbarer Inhalt. |
|---|---|
| Erlaubter Inhalt | Phrasierung-Inhalt. |
| Tag-Auslassung | Keine, sowohl das Start- als auch das End-Tag sind erforderlich. |
| Erlaubte Eltern | Jedes Element, das Phrasierung-Inhalt akzeptiert. |
| Implizierte 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…