css - texto - ¿Cuál es la forma correcta de agregar un título a una imagen usando html5?

html title attribute

Question

Estoy tratando de encontrar la forma correcta de mostrar un título con una imagen, algo como aquí tiene sentido jfiddle link pero también estoy mirando la figura y la figura que parece servir mejor al propósito y prefiero, es decir:

<figure>
<img src="/animage.jpg" alt="an image">
<figcaption>This is the caption</figcaption>
</figure>

Estoy creando una plantilla para una publicación de noticias de blog, ¿por lo tanto, de alguna manera es importante o hay un uso correcto para figcaption que falte?

Answer 1

También sugeriría usar un elemento para mostrar el título apropiado a la imagen. Haga clic here para ver la demostración.

Para obtener más opciones para agregar subtítulos a la imagen, visite http://jkorpela.fi/www/captions.html

Answer 2

Yo usaría el método <figure> ya que tiene más significado semántico que el ejemplo div / span.

http://jsfiddle.net/duncan/KYTWS/

relacionado, aunque sobre blockquotes, http://alistapart.com/blog/post/more-thoughts-about-blockquotes-than-are-strictly-required