Verwendung des HTML <footer> Elements

Das <footer> Element in HTML ist dafür vorgesehen, den Footer-Bereich in einem Dokument oder einem Abschnitt zu definieren. Eine korrekte Antwort auf die Quizfrage wäre daher <footer>. Ein Footer wird typischerweise dazu genutzt, Informationen wie den Autor, Copyright-Informationen, Links zu Datenschutzbestimmungen oder Nutzungsbedingungen und ähnliches zu beherbergen. Es wird oft am Ende eines Dokuments oder Abschnitts platziert.

Beispiele für die Verwendung von <footer>

Ein einfacher Anwendungsfall für ein <footer> Element könnte ungefähr so aussehen:

<footer>
    <p>Copyright 2021. Beispiel-Firma.</p>
</footer>

Das ist natürlich ein sehr einfaches Beispiel. In einem komplexeren Szenario könnten Sie Links, Bilder und sogar Formulare innerhalb des Footers haben.

<footer>
    <div>
        <h3>Über uns</h3>
        <p>Beispiel-Firma ist spezialisiert auf ...</p>
    </div>
    <div>
        <h3>Links</h3>
        <ul>
            <li><a href="/nutzungsbedingungen">Nutzungsbedingungen</a></li>
            <li><a href="/datenschutz">Datenschutzbestimmungen</a></li>
        </ul>
    </div>
</footer>

Praktiken und Einsichten

Achten Sie darauf, dass der Footer-Bereich eine separate Sektion mit eigenen semantischen Informationen ist, anstatt nur ein Container für seitenspezifische Informationen. In HTML5 ist es zulässig und sogar üblich, mehrere <footer> Elemente auf derselben Seite zu haben, solange sie in unterschiedlichen Bereichen oder Sektionen verwendet werden.

Beachten Sie jedoch, dass Suchmaschinen Informationen, die im Footer versteckt sind, manchmal missachten. Verstecken Sie also keine wichtigen Links oder Informationen nur in Ihrem Footer.

Erinnern Sie sich immer daran, dass das <footer> Element einer der vielen Wege ist, wie wir die Strukturierung unserer Webseiten verbessern können, so dass sie für Benutzer und Suchmaschinen leichter zu navigieren und zu verstehen sind.