Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: tata en 18 de Octubre 2012, 00:59

Título: Las imagenes en html5 ¿usar figure?
Publicado por: tata en 18 de Octubre 2012, 00:59
Holas a todos/as:Las imagenes de html5 siempre van ente las etiquetas<figure>img src </figure>....Gracias
Título: Re:Las imagenes en html5
Publicado por: Mastermind en 18 de Octubre 2012, 23:32
Hola tata, las imágenes en html 5 no tienen por qué ir entre etiquetas figure. El uso más básico de una imagen en html 5 es por ejemplo de este tipo:

<img src="https://www.aprenderaprogramar.com/images/thumbs_portada/thumbs_empleo/55_monos_informaticos.jpg" style="max-width:100%;" alt="Humor informatico con aprenderaprogramar">

La etiqueta figure sirve para hacer cosas más avanzadas como para hacer que salga un título cuando nos situamos sobre una imagen o incluso para crear un mapa dentro de una imagen, de forma que cuando nos situemos sobre una parte salga una cosa y cuando nos situemos sobre otra parte salga otra cosa.

Un ejemplo con figure sería este:

<figure>
  <img src="https://www.aprenderaprogramar.com/images/thumbs_portada/thumbs_empleo/55_monos_informaticos.jpg" alt="Humor informatico con aprenderaprogramar" />
  <figcaption>Aquí el título visible para la imagen</figcaption>
</figure>

Como te digo figure no es necesario para insertar imágenes.