Con HTML5 sono stati introdotti i tag semantici. I tag semantici servono a racchiudere contenuti specifici. Ad esempio, mentre con il tag div si possono contenere vari tipi di contenuti senza distinzione, i tag semantici hanno un significato preciso. Questo aiuta i motori di ricerca a comprendere meglio la struttura dei contenuti e a migliorare il posizionamento nei risultati di ricerca.

Tag header: indica l’intestazione di una pagina o di una sezione (section). Di solito contiene elementi come logo, slogan o introduzione della pagina HTML5.

Tag nav: contiene il menu del sito, ovvero i link di navigazione principali.

Tag aside: contiene contenuti correlati alla pagina principale, come ad esempio sidebar, approfondimenti o indici degli articoli.

Tag section: rappresenta una sezione della pagina HTML. I contenuti di un sito possono essere suddivisi in più sezioni logiche.

Tag article: rappresenta un contenuto indipendente, come un articolo di blog o un post di un forum.

Tag footer: indica il piè di pagina. Contiene informazioni finali come copyright, contatti o link utili.