Etiqueta <footer> de HTML

definição e uso

<footer> etiqueta define o pé de página do documento ou seção.

<footer> elemento geralmente contém:

  • informações do autor
  • informações de direitos autorais
  • informações de contato
  • mapa do site
  • link de retorno ao topo
  • páginas relacionadas

você pode incluir vários <footer> elemento.

veja também:

manual de referência HTML DOM:objeto Footer

instância

exemplo 1

parte inferior do documento:

<footer>
  <p>autor: Bill Gates</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>

Experimente pessoalmente

exemplo 2

configuração CSS usada <footer> estilo:

<html>
<head>
<style>
footer {
  alinhamento-texto: centro;
  preenchimento: 3px;
  fundo-cor: Salmon Escuro;
  cor: branco;
}
</style>
</head>
<body>
<footer>
  <p>Autor: Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

Experimente pessoalmente

Dicas e comentários

Dica:<footer> As informações de contato no elemento devem estar em <address> na etiqueta.

Atributos globais

<footer> A etiqueta também suporta Atributos globais no HTML.

Atributos de evento

<footer> A etiqueta 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 <footer> Elemento:

footer {
  display: block;
}

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
5.0 9.0 4.0 5.0 11.1