El elemento <div> se usa para agrupar otros elementos en secciones, tanto para organizar el contenido como para posicionarlo mediante hojas de estilo.

En HTML5 aparecieron varias etiquetas semánticas para estructurar el contenido de la página, y por tanto solo se debería usar <div> cuando no haya una etiqueta más apropiada

Estas etiquetas son:

• <header> Contiene contenido introductorio para la sección de la página en que aparece. Es habitual que contenga los elementos de encabezado, h1,...,h6.
• <aside> Se utiliza para contenido parcialmente relacionado con el contenido principal. No tiene por qué mostrarse en un lateral.
• <footer> Contiene información sobre la sección correspondiente, como el autor. No tiene que estar necesariamente en la parte de inferior.
• <section> Una sección genérica dentro del documento.
• <article> Representa un elemento que se puede distribuir de manera independiente o reutilizable.

• <nav> Contiene vínculos, internos o externos.Suele usarse para la barra de navegación.

La siguiente imagen muestra una disposición habitual para estos elementos. Para obtenerla hay que usar CSS.