Was ist die Verwendung von HTML5-Figuren mit img

Gibt es einen bestimmten Vorteil/Verwendung bei der Verwendung von HTML5 <figure> Über <img>?

Ich finde <figure> ist nutzlos ohne <figurecaption>nicht wahr?

Es ist hilfreich, wenn Sie dies anhand eines Beispiels erläutern.

Bilder werden nicht technisch in eine HTML-Seite eingefügt, Bilder werden mit HTML-Seiten verknüpft. Das <img> -Tag erstellt einen Speicherplatz für das referenzierte Bild.

Während der Inhalt der <figure> Element bezieht sich auf den Hauptfluss, seine Position ist unabhängig vom Hauptfluss, und wenn es entfernt wird, sollte es den Fluss des Dokuments nicht beeinflussen

Aus http://dev.w3.org/

“Das img-Element repräsentiert ein Bild,” während ”

Das Tag bietet a Container für Inhalte, die einer Abbildung oder einem Diagramm in einem Buch entsprechen. Es kann verwendet werden, um eine Bildunterschrift mit einem oder mehreren Bildern, einem Codeblock oder anderem Inhalt zu gruppieren.

Mit anderen Worten, es ermöglicht uns, freier und realistischer mit Bildern und Diagrammen zu arbeiten, indem es ermöglicht wird, sie zu gruppieren und eine oder Bilder mit einer einzigen Beschriftung zu beschriften.

Quelle: http://www.html-5.com/tags/figure-tag/index.html

HTML5 figure wird verwendet, wann immer Sie verwenden img, video tag mit caption (figcaption) darauf

Wenn Sie mehrere verwandte Bilder (oder andere Inhalte) mit Beschriftungstext haben, können Sie verschachtelte Abbildungselemente verwenden, um jeder Instanz sowohl eine Gruppenbeschriftung als auch eine individuelle Beschriftung zuzuordnen, indem Sie die verwenden figcaption Element.

<figure role="group">
 <img src="https://stackoverflow.com/questions/12453586/castle-etching.jpg" alt="The castle has one tower, and a tall wall around it.">
 <figcaption>Charcoal on wood. Anonymous, circa 1423.</figcaption>
</figure>

Hier sind einige Beispiele