{% set pageId = "elements" %} {% set pageClass = "" %} {% extends "hippie/demo-extended.njk" %} {% block title %}Elements{% endblock %} {% block head %} {{ super() }} {% endblock %} {% block body_content %}
{% include "hippie/partials/nav-page-meta.njk" %}

Bereiche

Um einleitenden Inhalt festzuhalten, wird das <header> Element eingesetzt. Es beinhaltet häufig auch Navigationselemente. Dabei bezieht es sich auf den nächsten, umgebenden Abschnitt.

Einen Abschnitt, welcher für sich alleine stehen kann, definiert sich durch <article>. Solch ein Element wird oft detailliert gestaltet, kommt aber auch ohne jegliche Gestaltung aus.

Noch allgemeiner ist das <section> Element. Es schafft Bereiche um Inhalte zu strukturieren.

Bestimmte Bereiche haben einen vorgegebene Zweck.
Folgende Bereiche sind vorgegeben:

Um einleitenden Inhalt festzuhalten, wird das <header> Element eingesetzt. Es beinhaltet häufig auch Navigationselemente. Dabei bezieht es sich auf den nächsten, umgebenden Abschnitt.

Auch abschließender Inhalt kann für einen Abschnitt definiert werden. Dazu wird <footer> eingesetzt.

{% include "hippie/partials/footer.njk" %} {% endblock %} {% block script %} {{ super() }} {% endblock %}