LU02.A03 - Struktur bereinigen
Ersetzen Sie in der vorgegebenen Webseite die Tags <div> und <p> durch <header>, <footer>, <nav>, <main>, <article> und <section>.
Die Tags <header>, <footer>, <nav>, <main>, <article> und <section> sind relativ neu im HTML-Standard.
Früher standen nur die Tags <div> und <p> zur Verfügung, um die Inhalte unserer Webseite zu strukturieren.
Diese beiden Tags wurden sowohl für die Struktur des Inhalts (Kapitel, Abschnitte) als zum Steuern der Darstellung benutzt.
Für eine barrierefreie Webseite muss die Struktur des Inhalts mit den neueren Tags umgesetzt werden.
Auftrag
Die vorgegebene Webseite verwendet ausschliesslich <div> und <p>.
Überarbeiten Sie die Webseite indem Sie die neueren Tags <header>, <footer>, <nav>, <main>, <article> und <section> nutzen.
Die fertige Webseite sollte so aussehen:
Mehrere Link-Adressen zeigen auf unbekannte Dateien. Daher ist es normal, wenn Ihre Entwicklungsumgebung Warnungen anzeigt. Sie können trotzdem Commit & Push durchführen.
⇒ GitHub Repo für externe Besucher
GitHub Repository https://github.com/BZZ-M293/m293-lu02-a03-structure.git
Lernende am BZZ müssen den Link zum GitHub Classroom Assignment verwenden
Kevin Maurizi, Marcel Suter