Marca de Rodapé em HTML
Neste post, falaremos sobre a tag de rodapé HTML . Aspirando para atender às demandas de aprendizagem.
Em HTML, a tag <footer> representa uma seção de rodapé ou contêiner para o conteúdo que aparece na parte inferior de uma página da web. A tag <footer> é usada para definir o rodapé de um documento ou seção. Geralmente é usado para incluir informações sobre o autor, informações de direitos autorais, informações de contato e links para documentos relacionados.
A seção de rodapé de um documento:
Example:
O seguinte código CSS pode ser usado para estilizar o rodapé:
Example:
Aqui está um exemplo de tag <footer> com tag <nav> :
Example:
Uso da marca de rodapé
Marca de rodapé Html <footer> identifica um documento ou rodapé de seção.
Normalmente, um elemento de rodapé contém as seguintes informações:
- Detalhes sobre o autor.
- Informações sobre direitos autorais.
- Uma breve descrição do contato.
- Mapa detalhado do local.
- Links para o topo.
- Documentos relacionados a este tópico.
Atributos
Global
Em HTML, a Tag <footer> também aceita Atributos Globais .
Evento
Em HTML, a tag <footer> também aceita atributos de evento .
Compatibilidade do navegador
Na tabela a seguir, os números indicam a versão do navegador compatível com o elemento da tag de rodapé .
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <rodapé> | 5,0 | 9,0 | 4.0 | 5,0 | 11.1 |
CSS predefinido
Em muitos navegadores, o elemento <footer> aparecerá com os seguintes valores padrão:
footer {
display: block;
}
Vantagens da tag de rodapé HTML
Há várias vantagens em usar a tag HTML <footer>:
- Ao usar a tag <footer> para marcar a seção de rodapé de sua página da web, você está ajudando a melhorar a acessibilidade de seu site para usuários que dependem de leitores de tela ou outras tecnologias assistivas. Isso torna mais fácil para os usuários navegar e entender o conteúdo do seu site.
- O uso da tag <footer> também pode ajudar a melhorar o SEO do seu site, tornando mais fácil para os mecanismos de pesquisa entender a estrutura da sua página da web. Isso pode ajudar seu site a ter uma classificação mais alta nas páginas de resultados do mecanismo de pesquisa (SERPs).
- Ao usar a tag <footer> de forma consistente em todo o site, você pode ajudar a garantir que seu site tenha uma aparência consistente, o que pode ajudar a melhorar a experiência do usuário.
- Usar a tag <footer> para marcar a seção do rodapé da sua página da Web pode ajudar a separá-la do conteúdo principal da página, o que pode facilitar a identificação e o foco no conteúdo importante para os usuários.
- A tag <footer> também pode ser usada para aplicar estilos específicos à seção de rodapé de sua página da Web, o que pode ajudar a destacá-la e torná-la mais atraente visualmente para os usuários.
