X

Headline

This is an important message requiring you to make a choice if you're based in the EU.

HTML-Tag <figure>

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>

Ergebnis

Attribute

Das Tag <figure> unterschtützt Globale Attribute und Globale Eventhandler.


Browser-Support

6+ 4+ 5+ 11.1+


Finden Sie das nützlich?

Ähnliche Artikel