A quale scopo sono aggiunti i seguenti elementi: Article, aside, audio, canvas, figcaption, figure, footer, header, hgroup, output, section, video?

Questi elementi sono stati aggiunti a HTML5 con l'obiettivo di migliorare la semantica delle pagine web, rendendole più comprensibili sia per le persone che per i motori di ricerca e le tecnologie assistive. Aiutano a strutturare il contenuto descrivendone lo scopo.

• <article>: Rappresenta un frammento di contenuto indipendente e autosufficiente, che può essere distribuito o riutilizzato indipendentemente dal resto della pagina. Ad esempio, un articolo del blog o una nota di notizie.
• <aside>: Rappresenta contenuto che è indirettamente correlato al contenuto principale del documento. Usato comunemente per barre laterali, blocchi pubblicitari o citazioni.
• <audio>: Usato per incorporare contenuto audio nella pagina web.
• <canvas>: Permette di disegnare grafici tramite JavaScript.
• <figcaption>: Rappresenta un titolo o una spiegazione per l'elemento <figure>.
• <figure>: Usato per raggruppare contenuti multimediali (immagini, codice, audio, video) con la sua didascalia (<figcaption>).
• <footer>: Rappresenta il piè di pagina per l'elemento di sezione più vicino o per il documento nel suo insieme. Di solito contiene informazioni sull'autore, diritti d'autore, link a documenti correlati.
• <header>: Rappresenta la parte introduttiva o un insieme di link di navigazione per l'elemento di sezione più vicino o per il documento nel suo insieme.
• <hgroup>: Raggruppa un insieme di intestazioni (<h1>, <h2>, <h3>, ecc.), ad esempio, un titolo e un sottotitolo. Questo elemento è obsoleto in HTML5.1, ma ancora supportato dai browser.
• <output>: Rappresenta il risultato di un calcolo o di un'azione dell'utente.
• <section>: Rappresenta un contenitore generale per un gruppo di contenuti che può essere tematicamente correlato.
• <video>: Usato per incorporare contenuti video nella pagina web.