Obszar stopki

Oprócz obszaru nagłówka reprezentowanego przez element header każdy element HTML należący do kategorii sekcja zawartości , jak również każdy element HTML należący do kategorii korzeń sekcji może posiadać swój własny obszar stopki reprezentowany przez element footer.

Obszar stopki elementu HTML reprezentowany przez element footer jest miejscem na treść, którą zazwyczaj możemy znaleźć w dolnej części różnych dokumentów (nie tylko HTML) lub stron internetowych.

Przykład:

<article>
  <header>
    <p>Opublikowano: 2016-01-01</p>
    <h1>Mój ulubiony kolor</h1>
    <p>Autor: Jan Kowalski</p>
  </header>

  <p>
    Moim ulubionym kolorem jest kolor błękitny.
  </p>

  <p>
    Ponieważ błękitny to kolor nieba.
  </p>

  <footer><!-- POCZĄTEK OBSZARU STOPKI SEKCJI ZAWARTOŚCI TYPU ARTICLE -->
    <p>
      Zobacz również: <a href="najpopularniejsze-kolory.html">Najpopularniejsze kolory</a>.
    </p>

    <p>
      Treść tego artykułu oparta jest na licencji MIT.
    </p>
  </footer><!-- KONIEC OBSZARU STOPKI SEKCJI ZAWARTOŚCI TYPU ARTICLE -->
</article>

Nasz przykładowy kod HTML zawiera dodatkową informację dla przeglądarki internetowej o tym, że stopka naszego przykładowego elementu article tworzona jest przez zawartość dwóch elementów p elementu footer występującego w zawartości naszego przykładowego elementu article.