Exemplo
Use um <figure> elemento para marcar uma foto em um documento:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Tente você mesmo " Definição e Uso
O <figure> tag especifica o conteúdo auto-suficiente, como ilustrações, diagramas, fotos, listas de código, etc.
Enquanto o conteúdo do <figure> elemento está relacionada com o fluxo principal, a sua posição é independente do fluxo principal, e se tiver sido removido, não deve afectar o fluxo do documento.
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <figure> | 6 | 9 | 4.0 | 5 | 11.1 |
Diferenças entre HTML 4.01 e HTML5
O <figure> tag é novo em HTML5.
Dicas e Notas
Dica: O <figcaption> elemento é usado para adicionar uma legenda para a <figure> elemento.
Atributos globais
O <figure> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <figure> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Referência HTML DOM: Figura Objeto
Configurações CSS padrão
A maioria dos navegadores irá exibir o <figure> elemento com os seguintes valores padrão:
Exemplo
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
} Tente você mesmo "