se puede usar la etiqueta picture dentro de una figure

[azaz]

Quedria saber si esto es correcto para un html semantico, necesito mostrar una imagen pero quiero utilizar picture para usar source, el problema es que no se si deberia usar figure, puse dos pequellos ejemplos.

Código HTML:

<article>
  <figure>
     <picture>
            <img src='invierno.jpg'>
     </picture>
     <figcaption>documental sobre el invierno</figcaption>
  </figure>
</article>
 
 
<article>
     <header>
     <h1>documental sobre el invierno</h1>
    </header>
     <picture>
            <img src='invierno.jpg'>
     </picture>
</article>
 

alguien sabe como seria correcto hacer este tipo de maquetacion para que sea semantico.
saludos

[Rafael]

Inicialmente yo veo bien el anidado.

Lo que debes de recordar es en realidad el uso del gigure, define si tu imagen es en realidad un figure.

Mi ejemplo es recordar cómo eran los libros de texto antes, decían algo como:

Según la figura 3.1 vemos cómo la gráfica tal y tal...

Luego ponías una imagen con el caption Figura 3.1

Si esa es la estructura, adelante, pero no toda imagen es una figura en si misma. Por ejemplo tu logo no es un figure.

[frankm]

Hola,

Semánticamente es correcto, ya que se realiza algo como:

Código HTML:

<figure>
  <img src="image.jpg" alt="imagen">
  <figcaption> caption </figcaption>
</figure>
 

Añadir la etiqueta <picture> será el método que te permita tener imágenes de diferentes source, por lo que no debería ser reprobable.