---
title: figure
slug: HTMLToDelete/Element/figure
translation_of: Web/HTML/Element/figure
---
<p>O elemento de figura HTML (<span style="font-family: Courier New;">&lt;figure&gt;</span>) representa uma tag de conteúdo próprio, frequentemente com legenda. Geralmente referenciada idendependente do fluxo principal do documento, podendo assim ser movido atravéz do fluxo principal sem afeta-lo.</p>

<div class="note">
<p><em>Notas de Uso: </em></p>

<ul>
 <li>Iniciando uma seção raiz o escopo do conteúdo do elemento <span style="font-family: Courier New;">&lt;figure&gt;</span> é excluído do escopo principal do documento.</li>
 <li>Uma legenda pode ser associada com o elemento &lt;figure&gt; inserindo um elemento {{ HTMLElement("figcaption") }} dentro dele (podendo ser primeiro ou ultimo nó filho).</li>
</ul>
</div>

<h3 id="Contexto_de_Uso">Contexto de Uso</h3>

<table class="standard-table" style="height: 117px; width: 1125px;">
 <tbody>
  <tr>
   <th>Tipo</th>
   <th><a href="/en/Sections_and_Outlines_of_an_HTML5_document#sectioning_root" title="en/Sections and Outlines of an HTML5 document#sectioning root">Seccionando orig</a></th>
  </tr>
  <tr>
   <td>Contexto Permitido</td>
   <td>Um elemento {{ HTMLElement("figcaption") }}, seguido pelo fluxo do conteúdo; ou o fluxo do conteúdo seguido pelo elemento {{ HTMLElement("figcaption") }}</td>
  </tr>
  <tr>
   <td>Omissão de Tag</td>
   <td><span id="result_box" lang="pt"><span class="hps" title="Clique para mostrar traduções alternativas">Nenhum</span><span title="Clique para mostrar traduções alternativas">,</span> <span class="hps" title="Clique para mostrar traduções alternativas">ambos</span> <span class="hps" title="Clique para mostrar traduções alternativas">marca</span>m <span class="hps" title="Clique para mostrar traduções alternativas">o início</span> <span class="hps" title="Clique para mostrar traduções alternativas">e o</span> <span class="hps" title="Clique para mostrar traduções alternativas">fim</span> <span class="hps" title="Clique para mostrar traduções alternativas">da tag</span> <span class="hps" title="Clique para mostrar traduções alternativas">são</span> <span class="hps" title="Clique para mostrar traduções alternativas">obrigatórios</span></span></td>
  </tr>
  <tr>
   <td>Elementos Permitidos de Origem</td>
   <td><span class="short_text" id="result_box" lang="pt"><span class="hps" title="Clique para mostrar traduções alternativas">Qualquer</span> <span class="hps" title="Clique para mostrar traduções alternativas">elemento</span> <span class="hps" title="Clique para mostrar traduções alternativas">que</span> <span class="hps" title="Clique para mostrar traduções alternativas">aceita</span> <span class="hps" title="Clique para mostrar traduções alternativas">elementos de</span> <span class="hps" title="Clique para mostrar traduções alternativas">fluxo</span><span title="Clique para mostrar traduções alternativas">.</span></span></td>
  </tr>
  <tr>
   <td>Documento Normativo</td>
   <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-mark-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-mark-element">HTML5, section 4.5.11</a></td>
  </tr>
 </tbody>
</table>

<h3 id="Atributos">Atributos</h3>

<p>Esse elemento não tem outros atributos além dos <a class="new " href="../../../../en/HTML/global_attributes" rel="internal">atributos globais</a>, comuns para todos elementos.</p>

<h3 class="editable" id="DOM_Interface">DOM Interface</h3>

<p>Esse elemento implementa a interface <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p>

<h3 id="Veja_também">Veja também</h3>

<ul>
 <li>O elemento {{ HTMLElement("figcaption") }}.</li>
</ul>