web-dev-qa-db-fra.com

Quelle est la bonne façon d'ajouter une légende à une image en utilisant html5

J'essaie de trouver la bonne façon d'afficher une légende avec une image, quelque chose comme ici a du sens lien jfiddle mais je regarde aussi figure et figcaption qui semble mieux servir et je préfère :

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

Je suis en train de construire un modèle pour un article de blog, alors l’un ou l’autre est-il important ou existe-t-il une utilisation correcte de figcaption qui manque?

21
Bradz

J'utiliserais la méthode <figure> car elle a plus de signification sémantique que l'exemple div/span.

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

liées, bien que sur les citations de bloc, http://alistapart.com/blog/post/more- THESBALL- BLOCKQUOTES-Than-are-strictly- Required

17
Duncan Beattie

Je suggérerais également l'utilisation de l'élément pour afficher la légende appropriée à Image. Cliquez sur ici pour voir la démo.

Pour plus d’options pour ajouter une légende à une image, visitez http://jkorpela.fi/www/captions.html

0
Sagar Shinde