Zu welchem Zweck werden die folgenden Elemente hinzugefügt: Article, aside, audio, canvas, figcaption, figure, footer, header, hgroup, output, section, video?

Diese Elemente wurden in HTML5 hinzugefügt, um die Semantik von Webseiten zu verbessern, wodurch sie sowohl für Menschen als auch für Suchmaschinen und assistierende Technologien verständlicher werden. Sie helfen dabei, den Inhalt zu strukturieren, indem sie seine Funktion beschreiben.

• <article>: Repräsentiert ein unabhängiges, eigenständiges Fragment von Inhalt, das unabhängig vom Rest der Seite verteilt oder wiederverwendet werden kann. Zum Beispiel ein Blog-Artikel oder eine Nachricht.
• <aside>: Repräsentiert Inhalt, der indirekt mit dem Hauptinhalt des Dokuments verbunden ist. Wird häufig für Seitenleisten, Werbeblöcke oder Zitate verwendet.
• <audio>: Wird verwendet, um Audiodateien in die Webseite einzubetten.
• <canvas>: Ermöglicht das Zeichnen von Grafiken mit JavaScript.
• <figcaption>: Repräsentiert eine Überschrift oder Erklärung für das <figure>-Element.
• <figure>: Wird verwendet, um Multimedia-Inhalte (Bilder, Code, Audio, Video) mit ihrer Beschriftung (<figcaption>) zu gruppieren.
• <footer>: Repräsentiert die Fußzeile für das nächstgelegene Abschnittselement oder das Dokument insgesamt. Enthält in der Regel Informationen über den Autor, Urheberrechte, Links zu ähnlichen Dokumenten.
• <header>: Repräsentiert die Einleitung oder eine Reihe von Navigationslinks für das nächstgelegene Abschnittselement oder das Dokument insgesamt.
• <hgroup>: Gruppiert eine Reihe von Überschriften (<h1>, <h2>, <h3>, etc.), z.B. einen Titel und einen Untertitel. Dieses Element ist in HTML5.1 veraltet, wird aber von Browsern noch unterstützt.
• <output>: Repräsentiert das Ergebnis einer Berechnung oder Aktion des Benutzers.
• <section>: Repräsentiert einen allgemeinen Container für eine Gruppe von Inhalten, die thematisch zusammenhängen können.
• <video>: Wird verwendet, um Videoinhalte in die Webseite einzubetten.