HTML5 - Elemento footer

O elemento footer marca a área inferior, normalmente conhecida como rodapé, do conteúdo geral do documento ou do conteúdo de uma seção específica a qual ele está subordinado. Pode conter um cabeçalho próprio com bloco de navegação que apontam para informações como nome do autor, links para aprofundamento (saiba mais), links relacionados, ou ainda uma lista de comentários em um blog.

Como último elemento do documento, na função de rodapé global e contendo um bloco de navegação global do documento

<footer>
<nav>
<ul>
<li><a href="#">Sobre o autor</a></li>
<li><a href="#">Mapa do site</a></li>
<li><a href="#">Entre em contato</a></li>
</ul>
</nav>
</footer>

Como rodapé de uma seção específica do documento

<section>
<p>Aqui entra o conteúdo da seção</p>
<footer>
Aqui entra o conteúdo do rodapé
</footer>
</section>

Como rodapé de um artigo específico do documento

<article>
<p>Aqui entra o conteúdo do artigo</p>
<footer>
<p>Aqui entra o conteúdo do rodapé</p>
</footer>
</article>

Como último elemento do documento na função de rodapé com dois blocos de navegação agrupados:

<footer> 
<nav> 
<h2>Navegue no site</h2> 
<ul> 
<li><a href="#">Capa</a></li>  
<li><a href="#">História dos instrumentos de metal</a></li>
<li><a href="#">Seja um colaborarador</a></li> 
<li><a href="#">Quem somos</a></li> 
</ul> 
</nav> 
<nav> 
<h2>Fique conectado !</h2>
<ul> 
<li><a href="#">Email</a></li>
<li><a href="#">Twitter</a></li> 
<li><a href="#">Youtube</a></li> 
<li><a href="#">Facebook</a></li> 
</ul> 
</nav>
<small>Copyright © 2010 </small>
</footer>