HTML5: una soluzione al problema del fat footer

Con l'introduzione dell'elemento HTML5 footer molti siti web si sono trovati a dover gestire gli elementi presenti al suo interno. Il problema maggiore è quello del cosiddetto fat footer, ossia di un footer sovraccarico di elementi. Fortunatamente esiste una soluzione.

La soluzione consigliata da molti esperti (come Bruce Lawson e Remy Sharp) è quella di utilizzare un elemento aside prima del footer in cui racchiudere gli elementi che altrimenti verrebbero inseriti nel footer:


<aside id="additional-info">
	<ul class="info">...</ul>
	<ul class="info">...</ul>
	<ul class="info">...</ul>
</aside>
<footer id="site-info">...</footer>

In questo modo il problema del fat footer è risolto in modo semplice e semantico.