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+ |
Übe dein Wissen
