footer (rodapé)

  • Revision slug: HTML/Element/footer
  • Revision title: Rodapé
  • Revision id: 327455
  • Criado:
  • Criador: robsonds
  • É a revisão atual? Não
  • Comentar

Conteúdo da revisão

{{ HTMLVersionHeader(5) }}

Resumo

O elemento HTML de Rodapé (<footer>) representa um rodapé para o seu sectioning content mais próximo ou sectioning root elemento (ou seja, seu parente mais próximo {{HTMLElement ("article")}}, {{HTMLElement ("aside")}}, {{HTMLElement ("nav")}}, {{HTMLElement ("section")}}, {{HTMLElement ("blockquote")}}, {{HTMLElement ("body")}}, {{HTMLElement ("details" )}}, {{HTMLElement ("fieldset")}}, {{HTMLElement ("figure")}}, {{HTMLElement ("td")}}). Normalmente um rodapé contém informações sobre o autor da seção de dados, direitos autorais ou links para documentos relacionados.

Notas de Uso:

  • Coloque informações sobre o autor em um elemento {{HTMLElement ("address")}} que pode ser incluído no elemento <footer>.
  • O elemento <footer> não é sectioning content portanto, não introduz uma nova secção no outline.

Contexto de uso:

Conteúdo permitido Flow content, mas não o <footer> ou {{ HTMLElement("header") }} descendentes.
Omissão tag Nenhuma, ambas as tags início e a marca de fim são obrigatórios.
Parent Elements permitidos

Qualquer elemento que aceite flow content. Note-se que um elemento <footer> não deve ser um descendente de um. {{ HTMLElement("address") }}, {{ HTMLElement("header") }} ou outro elemento <footer>.

Documento normativo HTML5, section 4.4.9

Atributos

Este elemento não tem outros atributos que os global attributes, comuns a todos os elementos.

DOM Interface

Este elemento implementa a interface HTMLElement.

Exemplos

<footer>
  Algumas informações de copyright ou talvez alguma informação do autor de um <article>?
</footer> 

Compatibilidade do navegador

{{ CompatibilityTable() }}

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte Básico 5 {{ CompatGeckoDesktop("2.0") }} 9.0 11.10 4.1
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte Básico 2.2 {{ CompatGeckoMobile("2.0") }} 9.0 11.0 5.0 (iOS 4.2)

Veja também

  • Outros elementos de seção relacionados {{ HTMLElement("body") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("article") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}, {{ HTMLElement("hgroup") }}, {{ HTMLElement("header") }}, {{ HTMLElement("section") }}, {{ HTMLElement("address") }};
  • Sections and outlines of an HTML5 document.
{{ HTML:Element_Navigation() }}

Fonte da revisão

<p>{{ HTMLVersionHeader(5) }}</p>
<h3 id="Resumo"><strong>Resumo</strong></h3>
<p>O elemento HTML de Rodapé (&lt;footer&gt;) representa um rodapé para o seu sectioning content mais próximo ou <a href="https://developer.mozilla.org/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#sectioning_root" title="Sections and Outlines of an HTML5 document#sectioning root">sectioning root</a> elemento (ou seja, seu parente mais próximo {{HTMLElement ("article")}}, {{HTMLElement ("aside")}}, {{HTMLElement ("nav")}}, {{HTMLElement ("section")}}, {{HTMLElement ("blockquote")}}, {{HTMLElement ("body")}}, {{HTMLElement ("details" )}}, {{HTMLElement ("fieldset")}}, {{HTMLElement ("figure")}}, {{HTMLElement ("td")}}). Normalmente um rodapé contém informações sobre o autor da seção de dados, direitos autorais ou links para documentos relacionados.</p>
<div class="note">
  <p><strong><span id="result_box" lang="pt"><span class="hps">Notas de Uso:</span></span></strong></p>
  <ul>
    <li><span id="result_box" lang="pt"><span class="hps">Coloque</span> <span class="hps">informações sobre o autor</span> <span class="hps">em um elemento</span> <span class="hps atn">{{</span><span>HTMLElement</span> <span class="hps atn">(</span><span class="hps">"address"</span><span>)}}</span> <span class="hps">que pode ser incluído</span> <span class="hps">no elemento</span> </span><code>&lt;footer&gt;</code><span id="result_box" lang="pt"><span>.</span></span></li>
    <li>O elemento <code>&lt;footer&gt;</code> não é sectioning content <span id="result_box" lang="pt"><span class="hps">portanto,</span> <span class="hps">não introduz</span> <span class="hps">uma nova secção</span> <span class="hps">no</span></span> <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">outline</a>.</li>
  </ul>
</div>
<h2 id="Contexto_de_uso.3A"><span id="result_box" lang="pt"><span class="hps">Contexto de uso:</span></span></h2>
<table class="standard-table">
  <tbody>
    <tr>
      <td>Conteúdo permitido</td>
      <td><a href="/en-US/docs/HTML/Content_categories#flow_content" title="HTML/Content categories#flow content">Flow content</a>, mas não o <code>&lt;footer&gt;</code> ou {{ HTMLElement("header") }} descendentes.</td>
    </tr>
    <tr>
      <td>Omissão tag</td>
      <td><span id="result_box" lang="pt"><span class="hps">Nenhuma,</span> <span class="hps">ambas as tags</span> <span class="hps">início</span> <span class="hps">e a marca de fim</span> <span class="hps">são obrigatórios.</span></span></td>
    </tr>
    <tr>
      <td>Parent Elements permitidos</td>
      <td>
        <p>Qualquer elemento que aceite <a href="/en-US/docs/HTML/Content_categories#flow_content" title="HTML/Content categories#flow content">flow content</a>. <span id="result_box" lang="pt"><span class="hps">Note-se que</span> <span class="hps">um elemento</span> <span class="hps">&lt;footer&gt;</span> <span class="hps">não deve ser</span> <span class="hps">um descendente de um</span><span>.</span></span> {{ HTMLElement("address") }}, {{ HTMLElement("header") }} ou outro elemento <code>&lt;footer&gt;</code>.</p>
      </td>
    </tr>
    <tr>
      <td>Documento normativo</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-footer-element" rel="external nofollow" target="_blank" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-footer-element">HTML5, section 4.4.9</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Atributos">Atributos</h2>
<p><span id="result_box" lang="pt"><span class="hps">Este elemento</span> <span class="hps">não tem</span> <span class="hps">outros atributos</span> <span class="hps">que os</span></span> <a href="/en-US/docs/HTML/Global_attributes" rel="internal">global attributes</a>, <span id="result_box" lang="pt"><span>comuns a</span> <span class="hps">todos os elementos.</span></span></p>
<h2 class="editable" id="DOM_Interface">DOM Interface</h2>
<p>Este elemento implementa a interface <code><a href="/en-US/docs/DOM/element" title="DOM/element">HTMLElement</a></code>.</p>
<h2 id="Exemplos">Exemplos</h2>
<pre class="brush: html">
&lt;footer&gt;
  <span id="result_box" lang="pt"><span class="hps">Algumas</span> <span class="hps">informações de copyright</span> <span class="hps">ou talvez alguma</span> <span class="hps">informação do autor</span> <span class="hps">de um</span></span> &lt;article&gt;?
&lt;/footer&gt; 
</pre>
<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Característica</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Suporte Básico</td>
        <td>5</td>
        <td>{{ CompatGeckoDesktop("2.0") }}</td>
        <td>9.0</td>
        <td>11.10</td>
        <td>4.1</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Característica</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Suporte Básico</td>
        <td>2.2</td>
        <td>{{ CompatGeckoMobile("2.0") }}</td>
        <td>9.0</td>
        <td>11.0</td>
        <td>5.0 (iOS 4.2)</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Veja_tamb.C3.A9m">Veja também</h2>
<ul>
  <li>Outros elementos de seção relacionados {{ HTMLElement("body") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("article") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}, {{ HTMLElement("hgroup") }}, {{ HTMLElement("header") }}, {{ HTMLElement("section") }}, {{ HTMLElement("address") }};</li>
  <li class="last"><a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Sections and outlines of an HTML5 document</a>.</li>
</ul>
<div>
  {{ HTML:Element_Navigation() }}</div>
Reverter para esta revisão