<figcaption>: Das Figure Caption-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 <figcaption>
HTML Element stellt eine Beschriftung oder Legende dar, die den Rest der Inhalte seines übergeordneten <figure>
-Elements beschreibt und dem <figure>
einen zugänglichen Namen gibt.
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 enthält nur die globalen Attribute.
Beispiele
Bitte sehen Sie sich die Seite zu <figure>
für Beispiele zu <figcaption>
an.
Technische Zusammenfassung
Inhaltskategorien | Keine. |
---|---|
Erlaubter Inhalt | Fließender Inhalt. |
Tag-Auslassung | Keine, sowohl das Start- als auch das End-Tag sind erforderlich. |
Erlaubte Eltern |
Ein <figure> -Element; das
<figcaption> -Element muss das erste oder letzte Kind sein.
|
Implizite ARIA-Rolle | Keine entsprechende Rolle |
Erlaubte ARIA-Rollen |
group , none ,
presentation
|
DOM-Schnittstelle | [`HTMLElement`](/de/docs/Web/API/HTMLElement) |
Spezifikationen
Specification |
---|
HTML> # the-figcaption-element> |
Browser-Kompatibilität
Loading…
Siehe auch
- Das
<figure>
-Element.