En HTML, existeixen diverses etiquetes contenidor, i podem classificar-les en etiquetes de contenidor genèriques i etiquetes de contenidor semàntiques. Cada tipus té un propòsit específic:
1. Etiquetes de Contenidor Genèriques
Estes etiquetes no tenen un significat semàntic específic i simplement agrupen contingut o divideixen el disseny de la pàgina.
<div>: El contenedor genèric en bloc.<span>: Un contenedor en línia genèric, útil per a estils o grups petits de text sense interrompre el flux de la línia.
2. Etiquetes de Contenidor Semàntiques
Les etiquetes semàntiques tenen un propòsit i significat específics, i proporcionen informació sobre el contingut que agrupen. Això ajuda en l’accessibilitat i en el SEO, ja que els motors de cerca poden entendre millor el contingut de la pàgina.
<header>: Defineix la capçalera d’una secció o pàgina.<nav>: Conté enllaços de navegació.<main>: Agrupa el contingut principal de la pàgina.<article>: Representa contingut independent i autònom, com un article de notícies o una entrada de blog.<section>: Agrupa contingut relacionat dins d’una pàgina.<aside>: Agrupa contingut relacionat però no essencial per al flux principal, com una barra lateral.<footer>: Defineix el peu d’una secció o pàgina.
