English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O elemento HTML <figure> representa um conteúdo independente, frequentemente usado em conjunto com uma descrição (caption) <figcaption> e como uma unidade de referência independente. Quando ele pertence ao fluxo principal (main flow), sua posição é independente do corpo. Esta etiqueta é frequentemente usada para imagens, ilustrações, tabelas, segmentos de código etc. que, quando transferidos para anexos ou outras páginas, não afetam o corpo.
Use o elemento <figure> para marcar uma imagem em um documento:
!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Base Tutorial Site(w3(codebox.com)</title> </head> <body> <figure> <img src="views.png" alt="views" width="304" height="228"> </figure> </body> </html>Teste e veja ‹/›
IEFirefoxOperaChromeSafari
IE 9Firefox, Opera, Chrome e Safari suportam a etiqueta <figure>.
Notas:IE 8 ou versões mais antigas do navegador IE não suportam a etiqueta <figure>.
A etiqueta <figure> define um conteúdo de fluxo independente (imagens, gráficos, fotos, códigos, etc.).
O conteúdo do elemento <figure> deve estar relacionado ao conteúdo principal, e a posição do elemento em relação ao conteúdo principal deve ser independente. Se for removido, não deve afetar o fluxo do documento.
Normalmente, <figure> é uma imagem, ilustração, gráfico, fragmento de código, etc., citado no fluxo principal do documento, mas pode ser movido para outra parte do documento ou ao apendice sem afetar o fluxo principal.
Pode associar o título ao elemento <figure> inserindo <figcaption> (como o primeiro ou último elemento filho), o primeiro <figcaption> encontrado na imagem é exibido como o título da imagem.
A etiqueta <figure> é uma etiqueta do HTML 5 com novas etiquetas.
Dica:<figcaption> O elemento é usado para definir um título para o elemento <figure>.
Suporte ao <figure> etiqueta Atributos globais do HTML.
Suporte ao <figure> etiqueta Atributos de evento do HTML.