Agregar epígrafes de manera semántica con HTML5
Actualmente cuando queremos ponerle el epigrafe al pie una imagen (caption) haríamos algo así
<img src="path/a-la/imagen" alt="Acerca de la imagen" />
<p>Breve descripción de lo que hay en la imagen</p>
Esta forma de hacerlo no dejaba asociado de manera semántica la imagen a su epígrafe.
Pero hoy con HTML5 y los elementos figure y figcaption se puede hacer de la siguiente manera.
<figure>
<img src="path/to/image" alt="About image" />
<figcaption>
<p>This is an image of something interesting. </p>
</figcaption>
</figure>
Para ver el soporte que tiene en los navegadores podés checkearlo http://caniuse.com/#search=figurea
blog comments powered by Disqus