HTML Footer delimitando os conteúdos de rodapé no HTML

Prévia do material em texto

HTML Footer: delimitando os conteúdos de 
rodapé no HTML
Rodapé: o que é?
Um rodapé no HTML é o conteúdo final de uma página ou de uma seção da página.
O rodapé pode conter, por exemplo, informações de contato no fim da página, ou informações de 
um autor ao final de um artigo.
Veja um exemplo de rodapé na Figura 1.
Agora que você já sabe o que é um rodapé, veja como utilizá-lo.
<footer>: na prática
<footer>: como utilizar
Utilizamos a tag <footer> para delimitar o conteúdo de um rodapé dentro do HTML.
A tag <footer> pode ser usada múltiplas vezes em uma mesma página, contanto que seu uso seja 
semanticamente correto, e para isso, a tag <footer> deve ser utilizada dentro do body, ou dentro de 
elementos de fluxo, tais como: <nav>, <section>, <article>, <aside>, entre outros. Veja um exemplo
no Código 1.
Veja também o Código 2 com um exemplo de dois footers sendo utilizados na mesma 
página. 
Importante: Apesar de poder ser usado mais de um footer dentro de uma página, não se deve 
utilizar os dois dentro de um mesmo elemento pai e nem dois footers um dentro do outro.
<footer>: exemplo prático
Veja abaixo um exemplo prático de uma página com a tag footer sendo utilizado:
<footer>: compatibilidade com navegadores
O <footer> é suportado em todos os navegadores apresentados na tabela abaixo:
	HTML Footer: delimitando os conteúdos de rodapé no HTML
	Rodapé: o que é?
	<footer>: na prática
	<footer>: como utilizar
	<footer>: exemplo prático
	<footer>: compatibilidade com navegadores