Tag HTML <figcaption>

Le tag <figcaption>est utilisé pour ajouter une légende ou des explications à son contenu. Le tag <figcaption> est inclus dans le tag <figure> et est placé en tant que premier ou dernier élément enfant. Si le tag <figcaption> est le premier élément attaché, le contenu sera affiché en haut de l’image.

L’élément <figure> ne peut utiliser qu’un seul tag <figcaption>, mais d’autres tags (les tags <img> ou <code>) peuvent être inclus dans l’élément <figure>.

Syntaxe

Le contenu de l’élément est écrit entre le tag ouvrant <figcaption> et le tag fermant (</figcaption>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p>Image d'un enfant</p>
    <figure>
      <img src="/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="A Cute Baby" width="250" height="200">
      <figcaption>Fig.1 – Cute baby</figcaption>
    </figure>
  </body>
</html>

Résultat

Attributs

Le tag <figcaption> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <figcaption> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <figcaption>:

Coloration du texte dans le tag HTML <figcaption>:

Styles de mise en page du texte pour la tag HTML <figcaption>:

Autres propriétés utiles pour le tag HTML <figcaption>:


Support de Navigateurs

6+ 4+ 5+ 11.1+


Trouvez-vous cela utile?

Articles Associées