<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 July 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 Inhaltstext in der Standard-Schriftart mit fester Breite des User-Agents 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: #eee;
border-radius: 3px;
font-family: courier, monospace;
padding: 0 3px;
}
Attribute
Dieses Element umfasst nur die globalen Attribute.
Beispiele
Ein Absatz von 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
Anmerkungen
Um mehrere Codezeilen darzustellen, umschließen Sie das <code>
-Element mit einem <pre>
-Element. Das <code>
-Element allein stellt nur eine einzelne Codephrase oder eine einzelne Codezeile dar.
Eine CSS-Regel kann für den code
-Selektor definiert werden, um die Standardschriftart des Browsers zu überschreiben. Benutzereinstellungen können die festgelegten CSS-Einstellungen überwiegen.
Technische Zusammenfassung
Inhaltskategorien | Flussinhalt, Phraseninhalt, greifbarer Inhalt. |
---|---|
Erlaubter Inhalt | Phraseninhalt. |
Tag-Auslassung | Keine, sowohl der Start- als auch der End-Tag sind obligatorisch. |
Erlaubte Eltern | Jedes Element, das Phraseninhalt 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 |