← 返回首页

<figcaption> HTML-Element für Bildunterschriften - HTML | MDN

Seitenleiste umschalten

Farbschema

Systemeinstellung
Hell
Dunkel

Deutsch

Sprache merken Mehr erfahren

<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.

In diesem Artikel

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 Erlaubter Inhalt Tag-Auslassung Erlaubte Eltern Implizierte ARIA-Rolle Erlaubte ARIA-Rollen DOM-Schnittstelle

Keine.

Fließinhalt.

Keine, sowohl das öffnende als auch das schließende Tag sind obligatorisch.

Ein <figure>-Element; das <figcaption> Element muss sein erstes oder letztes Kind sein.

Keine entsprechende Rolle

group, none, presentation

[`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.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden