Tag HTML <figcaption>

Definizione e uso

<figcaption> Etichetta: <figure> L'elemento definisce il titolo.

<figcaption> L'elemento può essere posizionato in <figure> Posizione del primo o ultimo elemento figlio dell'elemento.

Vedi anche:

Manuale di riferimento HTML DOM:Oggetto Figcaption

Esempio

Esempio 1

Usare l'elemento <figure> per etichettare le immagini nel documento, usare l'elemento <figcaption> per definire il titolo dell'immagine:

<figure>
  <img src="tulip.jpg" alt="Tulipano" style="width:300px">
  <figcaption>Figura 1 - Tulipano, Liliaceae, pianta erbacea perenne.</figcaption>
</figure>

Prova tu stesso

Esempio 2

Impostare lo stile di <figure> e <figcaption> utilizzando CSS:

<html>
<head>
<style>
figure {
  bordo: 1px #cccccc solido;
  spaziatura: 4px;
  margini: auto;
}
figcaption {
  colore_sfondo: nero;
  colore: bianco;
  stile: italic;
  spaziatura: 2px;
  allineamento: centro;
}
</style>
</head>
</body>
<figure>
  <img src="tulip.jpg" alt="Tulipano" style="width:300px">
  <figcaption>Figura 1 - Tulipano, Liliaceae, pianta erbacea perenne.</figcaption>
</figure>
</body>
</html>

Prova tu stesso

Attributi globali

<figcaption> Il tag supporta anche Attributi globali in HTML.

Attributi di evento

<figcaption> Il tag supporta anche Attributi di evento in HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per la visualizzazione <figcaption> Elemento:

figcaption {
  display: block;
}

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'elemento.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 9.0 4.0 5.1 11.0