Das footer Tag

Ihr habt bestimmt schon öfters Webseiten gesehen auf denen ein footer verwendet wurde -normalerweise enthält der copyrights, einige Navigationslinks und vielleicht auch Kontaktinformationen. Aber genau wie das <header> Element eröffnet das <footer> Element keinen neuen Abschnitt in einem Dokument, aber es ist der letzte Abschnitt in einem bestimmten Abschnitt. Das kann ein <article>, <section> oder ein anderer Abschnitt sein.

Das heißt, dass auf einer Seite mehrere Footer enthalten sein können -zum Beispiel wenn man mehrere Blog-Einträge auf einer Seite hat. Jeder Blog-Eintrag kann kann seinen eigenen Footer haben und auch die gesamte Seite kann einen Footer haben.

In unserem Mehl-Artikel als Beispiel, könnte man das <footer> Element so verwenden:

</header>
<div id="content">
	<h2>The Two Types of Wheat</h2>
	…
</div>
<footer>
	<p class="disclaimer">This article is copyright of AllRecipes.com</p>
	<p><a href="http://allrecipes.com/howto/all-about-flour/">See the original article here</a></p>
	<p>Part of <a href="http://www.html5-tutorials.org">HTML5-tutorials.org</a></p>
</footer>
</article>

Wenn ein footer ausschließlich Links enthält, sollte das <footer> Tag so benutzt werden:

<footer>
	<ul>
		<li>About us</li>
		<li>Contact</li>
		…
	</ul>
</footer>

Un was sollte so ein footer enthalten? Am besten Inhalt, der zu dem Inhalt des Abschnitts passt, aber nicht Teil des Abschnittsinhaltes ist.

Um es auf die Blog-Einträge zu beziehen, wären im <footer> Sachen wie ähnliche Einträge, Kommentare, Facebook-Like-Buttons und Veröffentlichkeitsdatum (wenn man es nicht im <header> Abschnitt untergebracht hat) gut aufgehoben.

Was wir gelernt haben

• Der footer ist immer Teil eines Abschnitts und nicht notwendigerweise des gesamten Dokumentes.
• Das <footer> Element ist in sein übergeordnetes Element eingebettet.
• Man kann viele footer im gleichen Dokument haben.
• Der footer enthält üblicherweise Informationen über den Abschnitt wie z.B. Author, Veröffentlichungsdatum, Copyright usw.
• Das <footer> Element ist ein blockbasiertes Element.