Das HTML-Element <code> für Inline-Code
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 HTML-Element <code> stellt seinen Inhalt so dar, dass der Text als kurzer Ausschnitt von Computercode erkennbar ist. Standardmäßig wird der Text in der nichtproportionalen Standardschriftart 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: #eeeeee;
border-radius: 3px;
font-family: "Courier New", monospace;
padding: 0 3px;
}
Attribute
Dieses Element unterstützt nur die globalen Attribute.
Beispiele
Ein Textabsatz mit <code>:
<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, setzen Sie das Element <code> in ein <pre>-Element. Das Element <code> allein steht nur für einen einzelnen Codeausdruck oder eine einzelne Codezeile.
Mit einer CSS-Regel für den Selektor code können Sie die Standardschriftart des Browsers überschreiben. Benutzereinstellungen können jedoch Vorrang vor dem angegebenen CSS haben.
Technische Zusammenfassung
| Inhaltskategorien | Fließender Inhalt, formulierender Inhalt, wahrnehmbarer Inhalt. |
|---|---|
| Zulässiger Inhalt | Formulierender Inhalt. |
| Weglassen von Tags | Keines; sowohl das Start- als auch das End-Tag sind erforderlich. |
| Zulässige Elternelemente | Jedes Element, das formulierenden Inhalt akzeptiert. |
| Implizite ARIA-Rolle |
code
|
| Zulässige ARIA-Rollen | Alle |
| DOM-Schnittstelle | [`HTMLElement`](/de/docs/Web/API/HTMLElement) Bis einschließlich Gecko 1.9.2 (Firefox 4) implementiert Firefox für dieses Element die Schnittstelle [`HTMLSpanElement`](/de/docs/Web/API/HTMLSpanElement). |
Spezifikationen
| Spezifikation |
|---|
| HTML # the-code-element |