Uso degli elementi html5 FIGURE e FIGCAPTION

Elemento html5 per raggruppare oggetti visivi, come foto o video, immagini e illustrazioni, diagrammi e listati di codice. È un elemento relazionato con il contenuto della pagina (o dell'ARTICLE in cui è inserito) ma posizionabile indipendentemente. Esso sostituisce quindi UL e OL che in xHtml era l'unico modo per raggruppare semanticamente, relegandone l'uso di questi a liste di elementi testuali.
È usato per marcare, dare quindi significato ad un contenuto come H1 o P. In secondo luogo può essere utilizzato per assegnare il css d'insieme agli elementi che circonda.
Il FIGCAPTION è legenda o didascalia del gruppo di immagini, può essere figlio facoltativo di FIGURE, posto come primo o ultimo elemento del contenitore. Ne va posto uno soltato, a descriverne una didascalia complessiva, va usato comunque l'attributo ALT per il testo descrittivo delle singole immagini.

<figure> <img src="img/canarino.jpg" alt="Il canarino è un granivoro"/> <img src="img/tucano.jpg" alt="Toco Tucano e il suo becco"/> <img src="img/cardellino.jpg" alt="Cardellino con la macchia rossa"/> <figcaption>I nostri amici pennuti</figcaption> </figure>

Il canarino è un granivoro Toco Tucano e il suo becco Cardellino con la macchia rossa
I nostri amici pennuti

FIGURE può anche raggruppare audio, grafici, tabelle o statistiche.