Pour construire des documents complexes, on a besoin de regrouper des éléments ensemble.
Par exemple, on veut regrouper les éléments de chaque partie d'une page: les éléments formant l'entête, les éléments formant l' colonne de gauche, la partie principale, etc.
Avant le HTML 5, on utilisait pour regrouper, essentiellement <div> et <span>Le HTML-5 propose de nombreux autres éléments: <section> <nav> <article> <aside> <header> <footer> <main>...
Commençons par <div> et <span>:
Très souvent, on associe un id ou class aux <div> et <span> pour pouvoir changer leur présentation avec le CSS.