Podemos considerar al elemento <div> como un contenedor genérico en el que podemos poner elementos relacionados entre sí de forma lógica. La apertura y cierre de etiquetas <div> suele hacerse rodeando a otros elementos de la página, de forma que dichos elementos quedan anidados dentro del contenedor. Puede tener en la misma página todos los elementos <div> que considere necesarios y con frecuencia se utilizan para maquetar una página. Un elemento <div> suele llevar un atributo ID (con lo que adquiere un “nombre” explícito dentro de la página) o bien pertenecer a una clase CSS, utilizándose ambos como medio para aplicar al contenedor uno o más estilos CSS. El empleo de elementos <div> facilita a otras personas la identificación de las diversas secciones en que se subdivide la página y también nos ayuda a controlar y aplicar estilos en cada una de ellas.

Ahora como ejercicio armaremos la estructura de una página con dos columnas. En principio tendríamos un div denominado wrapper que actuara como contenedor de toda la información que mostrara el body del documento. La etiqueta header mostrara el titulo del sitio y la barra de navegación (vacía por el momento) y luego una etiqueta aside mas un div mas para mostrar el contenido principal de la pagina (a la derecha de la misma). Finalmente el footer mostrara información sobre el copyright del sitio.