Hamburger-Menu
Bild zum Thema

Tag <figure>

html css php mysql javascript
Bild zum Thema

Tag <figure>

Definition

Status: Aktueller Standard


Das Tag <figure> steht für figure (Figur, Objekt).
Das Tag <figure> ist der semantische Container für Inhalte, die als eine geschlossene Einheit betrachtet werden - oft mit einer optionalen Bildunterschrift (<figcaption>). Ein <figure> sagt dem Browser: „Hier kommt ein eigenständiges Objekt (Bild, Diagramm, Code), das zwar zum Text gehört, aber theoretisch auch an eine andere Stelle oder in einen Anhang verschoben werden könnte, ohne den Sinn des Haupttextes zu zerstören“. Man kann mehrere Objekte in ein einziges <figure> packen, wenn sie zusammengehören (z.B. ein Vorher-Nachher-Vergleich) und eine gemeinsame Unterschrift erhalten sollen.

Syntax

<figure>...</figure>

Attribute bzw. Unterelemente

Global

Globale Attribute


Beispiele

= Tag

= Attribut

= Wert

Text
= Kommentar bzw. wichtig!
Beispiel <figure> - ---

Der Code:
<figure>
  <img src="kamera.png" alt="Fotokamera Nikon ZF">
  <figcaption>
  Abbildung 1: Kamera Nikon Zf SL + 40 SE / Cognacbraun.
  </figcaption>
</figure>

Ergebnis:
Ergebnis: <figure>-Demo 1
---