Accueil    HTML    Balise Figcaption
 



balise figcaption  Balise FIGCAPTION : titre d'illustration

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome 20.0 et plus
  • Firefox 14.0.1 et plus
  • IE 9 et plus
  • Opera 12 et plus
  • Safari 5.1.7 et plus



La balise <figcaption> permet d'associer un titre ou une légende à l'élément <figure> (élément décrivant une illustration en relation avec le contenu principal d'une page). Elle peut être placée juste après le tag d'ouverture de la balise <figure> ou alors avant son tag de fermeture, suivant la position ou le titre doit apparaître par rapport au contenu.



Exemple d'utilisation de la balise figcaption :




Exemple de mise en place sans style :

<figure>
   <figcaption>Un des logos html5</figcaption>
   <img src="html5.png" alt="figure html5" style="width:200px;" />
</figure>

Le même exemple avec un peu de css :

<figure style="border:solid 1px grey; background-color:silver; text-align:center">
   <figcaption style="width:350px; border-bottom:solid 1px grey;
      line-height:25px; font-weight:bold; background-color:#DEDEDE;">Un des logos html5</figcaption>
   <img src="html5.png" alt="figure html5" style="width:200px;" />
</figure>


Exemple de mise en place sans style :
Un des logos html5

figure html5



Le même exemple avec un peu de css :
Un des logos html5

figure html5