HTML-Tag <figure>

❮ Vorige Nächste ❯

Das Tag <figure> wird für die Gruppierung des Inhalts, der das Dokument ergänzt oder illustriert, verwendet. Im Tag können Bilder, Charts, Illustrationen, Beispiele von Codes usw. eingeschlossen werden.

Der Inhalt des Tages <figure> gehört zur Hauptströmung des Webcontents, wird aber als einzelne Einheit eingenommen.

Um zum Inhalt des Tages <figure> eine Unterschrift oder Erklärung hinzuzufügen, wird das Tag <figcaption> verwendet. Das Tag <figcaption> befindet sich im Tag <figure> und wird als erstes und letztes Element platziert. Wenn das Tag <figcaption> das erste beigefügte Element ist, wird der Inhalt oben auf dem Bild angezeigt.

Syntax

Der Inhalt des Tages wird zwischen den Start- (<figure>) und Endtags (</figure>) geschrieben.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <p>Ein süßes Baby</p>
    <figure>
      <img src="/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="A Cute Baby" width="250" height="200">
    </figure>
  </body>
</html>