====== LU02a - Inhalt strukturieren ======
Eine saubere Struktur der Inhalte ...
Sie lernen die Elemente '''', '''', ''
===== Erweitertes Gerüst =====
Im Abschnitt [[..:lu01:htmlbase|LU02a - HTML Grundgerüst]] haben Sie eine sehr rudimentäres Gerüst kennen gelernt.
Dieses Gerüst wollen wir um einige Elemente mit der Struktur für die späteren Inhalte erweitern.
HTML5-Seite mit Grundstruktur
===== und =====
//Siehe auch [[https://wiki.selfhtml.org/wiki/HTML/Tutorials/Seitenstrukturierung#header_und_footer|selfhtml - header und footer]]//
Wie ein Worddokument haben auch Webseiten in der Regel eine Kopf- und Fusszeile.
Diese enthalten Logos, Name der Seite, Copyright, ...
Besonders bei einem Webauftritt mit mehreren Seiten helfen einheitliche Kopf- und Fusszeilen dem Betrachter bei der Orientierung.
Auch wenn der Tag sehr ähnlich heisst, ist '''' etwas völlig anderes als ''''.
Im Bereich '''' befinden sich Metainformationen, die nicht Teil der sichtbaren Webseite sind.
===== =====
//Siehe auch [[https://wiki.selfhtml.org/wiki/HTML/Tutorials/Seitenstrukturierung#nav|selfhtml - nav]]//
Das Element '''' umschliesst die Navigation unseres Webauftritts.
Es wird häufig innerhalb von '''' platziert.
===== =====
//Siehe auch [[https://wiki.selfhtml.org/wiki/HTML/Tutorials/Seitenstrukturierung#main|selfhtml - main]]//
Der Inhalt unserer Webseite wird innerhalb von '''' geschrieben.
Dieser Bereich kann durch '''' und '''' weiter unterteilt werden.
==== ====
//Siehe auch [[https://wiki.selfhtml.org/wiki/HTML/Tutorials/Seitenstrukturierung#article_oder_section.3F|selfhtml - article]]//
Ein Artikel stellt einen in sich geschlossenen Teil des Inhalts dar.
Dieser kann aus mehreren Abschnitten ('''') bestehen.
==== ====
//Siehe auch [[https://wiki.selfhtml.org/wiki/HTML/Tutorials/Seitenstrukturierung#article_oder_section.3F|selfhtml - section]]//
Das Element '''' bezeichnet einen Abschnitt innerhalb eines Artikels.
----
{{tag>m293-LU02 m293-E1F}}
[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Kevin Maurizi, Marcel Suter