Footer met metagegevens

De footer vertelt de gebruiker dat het einde van de pagina bereikt is. Daarom is het belangrijk om op iedere pagina een footer toe te voegen, zelfs als deze verder geen content bevat.

De footer kan gebruikt worden om de slogan over te brengen en de gebruiker extra navigatie-opties te bieden.

De footer krijgt automatisch de gekozen applicatiekleur.

De metagegevens kunnen toegevoegd worden aan de footer om de gebruiker extra informatie te geven over de site. Denk bijvoorbeeld aan versie-nummers.

• Voeg een <div> met de class meta aan het einde van de <footer> toe om gebruik te maken van de visuele weergave voor metagegevens binnen de voettekst. Zie onderstaand voorbeeld voor meer informatie.

Voorbeeld

Visueel voorbeeld onderaan deze pagina

Html voorbeeld:

              
<footer>
    <div>
        <div class="two-thirds-one-third">
            <span class="slogan">De Rijksoverheid. Voor Nederland</span>

            <nav aria-labelledby="example-footer-3-nav-1-heading">
                <h2 id="example-footer-3-nav-1-heading">Lorem ipsum</h2>
                <ul>
                    <li><a href="">Lorem</a></li>
                    <li><a href="">Ipsum</a></li>
                    <li><a href="">Dolor</a></li>
                    <li><a href="">set</a></li>
                    <li><a href="">Amet</a></li>
                </ul>
            </nav>
        </div>

        <div class="meta">
            <p>Versie: 1.3.0</p>
        </div>

    </div>
</footer>