Uso di <picture> all'interno dell'elemento <figure> in HTML5?

Question

In HTML5 attualmente abbiamo un elemento <figure>, definito in questo modo (W3C reference)

L'elemento figura rappresenta un'unità di contenuti, eventualmente con una didascalia, che è auto-contenuto, che è tipicamente fatto riferimento come un unico unità dal flusso principale del documento e che può essere spostato lontano dal flusso principale del documento senza influire sul significato del documento.

Recentemente un nuovo elemento <picture> è stato proposto dal Responsive Images Community group ed è stato definito in the reference in questo modo

L'elemento di immagine per la visualizzazione di un'immagine che può venire da una serie di fonti (vedi attributo srcset) . L'immagine visualizzata dall'agente utente dipende dall'algoritmo per derivare l'immagine di origine.

Dal momento che le due descrizioni sembra essere non contraddittorie (e la documentazione sulla foto è in progetto stato ancora) qui la mia domanda: è possibile (tecnicamente e semanticamente) per avere una nidificato picture all'interno di un elemento figure, in questo modo?

<figure> 
    <picture> 
     <source ...> 
     <source ...> 
     <source ...> 
     <img..> 
    </picture> 

    <figcaption>...</figcaption> 
</figure> 

ho trovato riferimenti su di esso in specifiche. : \

Nota: Sono consapevole del fatto che nessun browser implementa attualmente questo elemento, sto solo facendo alcuni esperimenti con jQuery picture

Grazie.

Answer 1

Non lo troverai poiché non è ancora ufficialmente funzionante, ma assumerò che la risposta è sì, che va bene.

Al momento, è fare qualcosa di simile:

<figure> 
    <img src="image.jpg" alt="The Image"> 
    <figcaption>A Caption</figcaption> 
</figure> 

e <picture> si intende semplicemente essere il metodo di avere uno src'd multipla <img> per i siti sensibili, quindi tecnicamente mi sembrerebbe - se è stato approvato, il tuo esempio è valido.

Answer 2

Mat Marquis qui-Sono uno degli editor sulla specifica picture (http://picture.responsiveimages.org).

La risposta breve è "sì", la risposta lunga è "decisamente". Semanticamente corretta (figure può contenere immagini, grafici, tabelle, frammenti di codice e così via) e valida al 100%.