Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
<figcaption> HTML-Element für Bildunterschriften
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 <figcaption> HTML-Element stellt eine Bildunterschrift oder Legende dar, die den restlichen Inhalt des übergeordneten <figure> Elements beschreibt. Es bietet dem <figure> einen zugänglichen Namen.
Probieren Sie es aus
<figure>
<img
src="/shared-assets/images/examples/elephant.jpg"
alt="Elephant at sunset" />
<figcaption>An elephant at sunset</figcaption>
</figure>
figure {
border: thin silver solid;
display: flex;
flex-flow: column;
padding: 5px;
max-width: 220px;
margin: auto;
}
img {
max-width: 220px;
max-height: 150px;
}
figcaption {
background-color: #222222;
color: white;
font: italic smaller sans-serif;
padding: 3px;
text-align: center;
}
Attribute
Dieses Element umfasst nur die globalen Attribute.
Beispiele
Bitte sehen Sie die Seite des <figure>-Elements für Beispiele zu <figcaption>.
Technische Zusammenfassung
| Inhaltskategorien | Keine. |
|---|---|
| Erlaubter Inhalt | Fließinhalt. |
| Tag-Auslassung | Keine, sowohl das öffnende als auch das schließende Tag sind obligatorisch. |
| Erlaubte Eltern |
Ein <figure>-Element; das
<figcaption> Element muss sein erstes oder letztes Kind sein.
|
| Implizierte ARIA-Rolle | Keine entsprechende Rolle |
| Erlaubte ARIA-Rollen |
group, none,
presentation
|
| DOM-Schnittstelle | [`HTMLElement`](/de/docs/Web/API/HTMLElement) |
Spezifikationen
| Spezifikation |
|---|
| HTML # the-figcaption-element |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.
Siehe auch
- Das
<figure>-Element.