Który z poniższych tagów HTML5 jest przeznaczony do semantycznego grupowania ilustracji, diagramów, fragmentów kodu itp. wraz z opcjonalnym podpisem?

Poprawna odpowiedź: C (<figure> wraz z <figcaption>)

<figure> wraz z <figcaption>.

Element <figure> służy do grupowania samodzielnej treści, takiej jak obrazy, diagramy, listingi kodu, która jest często opatrzona podpisem. [8, 12, 17, 22] Element <figcaption> jest używany do dostarczenia tego podpisu dla zawartości <figure>.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: Użycie <div> z klasą jest obejściem, które nie niesie takiego samego znaczenia semantycznego jak dedykowane tagi HTML5.
• B: <image> nie jest standardowym tagiem HTML (poprawny to <img>), a <caption (zamiast <figcaption>) jest niepoprawny.
• D: <picture> służy do dostarczania różnych źródeł obrazów w zależności od warunków (responsywne obrazy), a <legend> jest używany w kontekście elementu <fieldset> do opisywania grupy kontrolek formularza.