HTML-Tag <footer>

❮ Vorige Nächste ❯

Das Tag <footer> definiert den unteren Kolumnentitel der Webseite oder des Abschnittes. In der Regel wird in diesem Tag die Information über das Copyright, die Kontaktdaten, die Links usw. platziert.

Man kann mehrere Tags <footer> auf einer Webseite haben. Sie können beispielsweise eine Fußzeile ins Tag <article> einfügen, um Information über den Artikel (Links, Fußnoten usw. ) zu speichern.

Das Tag kann andere HTML-Elemente enthalten, mit Ausnahme der Tags <footer> und <header>.

Vor kurzem wurde das Tag <footer> ein Teil der HTML5 Spezifikation.

Wenn der Kolumnentitel Kontaktinformationen enthält, ist es notwending es im Tag <address> zu platzieren.

Syntax

Der Inhalt des Tages wird zwischen den Start- ( <footer>) und Endtags ( </footer>) geschrieben.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      .header {
        height: 40px;
        padding: 20px 20px 0;
        background: #e1e1e1;
      }
      .main-content {
        height: 60vh;
        padding: 20px;
      }
      footer {
        padding: 10px 20px;
        background: #666;
        color: white;
      }
      a {
        color: #00aaff;
      }
    </style>
  </head>
  <body>
    <div class="header">Überschrift / Menü</div>
    <div class="main-content">
      <h1>Hauptinhalt</h1>
      <p>Das ist ein Absatz. </p>
    </div>
    <footer>
      <p>Gesellschaft © W3docs. Alle Rechte vorbehalten.</p>
    </footer>
  </body>
</html>