Tag HTML <rodapé>
Exemplo
Uma seção de rodapé em um documento:
<footer>
<p>Author: Hege Refsnes</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A <footer>
tag define um rodapé para um documento ou seção.
Um <footer>
elemento normalmente contém:
- informações de autoria
- Informações sobre direitos autorais
- Informações de Contato
- Mapa do site
- voltar ao topo links
- documentos relacionados
Você pode ter vários <footer>
elementos em um documento.
Dicas e Notas
Dica: As informações de contato dentro de um <footer>
elemento devem estar dentro de uma
tag <address> .
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o elemento.
Element | |||||
---|---|---|---|---|---|
<footer> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Atributos Globais
A <footer>
tag também suporta os Atributos Globais em HTML .
Atributos do evento
A <footer>
tag também suporta os atributos de evento em HTML .
Mais exemplos
Exemplo
Use CSS para estilizar <footer>:
<html>
<head>
<style>
footer {
text-align: center;
padding: 3px;
background-color: DarkSalmon;
color:
white;
}
</style>
</head>
<body>
<footer>
<p>Author: Hege Refsnes<br>
<a href="mailto:[email protected]">[email protected]</a></p>
</footer>
</body>
</html>
Páginas relacionadas
Referência HTML DOM: objeto de rodapé
Configurações padrão de CSS
A maioria dos navegadores exibirá o <footer>
elemento com os seguintes valores padrão:
footer {
display: block;
}