Etiqueta <figcaption> HTML

Definição e uso

<figcaption> A etiqueta é <figure> O elemento define o título.

<figcaption> O elemento pode ser colocado em <figure> Posição do primeiro ou último elemento filho do elemento.

Veja também:

Manual de Referência do DOM HTML:Objeto Figcaption

Exemplo

Exemplo 1

Use o elemento <figure> para marcar imagens em documentos e o elemento <figcaption> para definir o título da imagem:

<figure>
  <img src="tulip.jpg" alt="Tulipa" style="largura:300px">
  <figcaption>Figura 1 - Tulipa, Liliaceae, planta herbácea perene.</figcaption>
</figure>

Experimente você mesmo

Exemplo 2

Defina estilos para <figure> e <figcaption> usando CSS:

<html>
<head>
<style>
figure {
  borda: 1px #cccccc sólida;
  margem: 4px;
  margem: automática;
}
figcaption {
  cor_fundo: preto;
  cor: branco;
  estilo: itálico;
  margem: 2px;
  alinhamento: centro;
}
</style>
</head>
</body>
<figure>
  <img src="tulip.jpg" alt="Tulipa" style="largura:300px">
  <figcaption>Figura 1 - Tulipa, Liliaceae, planta herbácea perene.</figcaption>
</figure>
</body>
</html>

Experimente você mesmo

Atributos globais

<figcaption> O rótulo também suporta Atributos globais no HTML.

Atributos de evento

<figcaption> O rótulo também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <figcaption> Elemento:

figcaption {
  display: bloco;
}

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou o elemento pela primeira vez.

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