Foros del Web » Creando para Internet » HTML »

se puede usar la etiqueta picture dentro de una figure

Estas en el tema de se puede usar la etiqueta picture dentro de una figure en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/11/2018, 07:44
 
Fecha de Ingreso: enero-2011
Mensajes: 1.147
Antigüedad: 8 años
Puntos: 10
se puede usar la etiqueta picture dentro de una figure

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:
Ver original
  1.   <figure>
  2.      <picture>
  3.             <img src='invierno.jpg'>
  4.      </picture>
  5.      <figcaption>documental sobre el invierno</figcaption>
  6.   </figure>
  7.  
  8.  
  9.      <header>
  10.      <h1>documental sobre el invierno</h1>
  11.     </header>
  12.      <picture>
  13.             <img src='invierno.jpg'>
  14.      </picture>

alguien sabe como seria correcto hacer este tipo de maquetacion para que sea semantico.
saludos
  #2 (permalink)  
Antiguo 18/12/2018, 02:55
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.997
Antigüedad: 15 años, 10 meses
Puntos: 1813
Respuesta: se puede usar la etiqueta picture dentro de una figure

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.
  #3 (permalink)  
Antiguo 18/12/2018, 16:17
 
Fecha de Ingreso: julio-2008
Mensajes: 250
Antigüedad: 10 años, 5 meses
Puntos: 11
Respuesta: se puede usar la etiqueta picture dentro de una figure

Hola,

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

Código HTML:
Ver original
  1.   <img src="image.jpg" alt="imagen">
  2.   <figcaption> caption </figcaption>

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.
__________________
Neothek.com | Web hosting, registro de dominios, Diseño Web y Certificados SSL



La zona horaria es GMT -6. Ahora son las 14:29.