X

Headline

This is an important message requiring you to make a choice if you're based in the EU.

HTML-Tag <footer>

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>

Ergebnis

Attribute

Das Tag <footer> unterschtützt Globale Attribute und Globale Eventhandler.


Browser-Support

6+ 4+ 5+ 11.1+


Finden Sie das nützlich?

Ähnliche Artikel