Los mapas de divs son divisiones contenedoras de información dentro de un código html. Los divs se ocupan para ir particienando la página en subsecciones. Todo div puede contener infinitos divs.
A los divs se le pueden otorgar 2 tipos de atributos llamados identificadores y clases. A estos id y clases se le pueden dar nombres, permitiendo otorgarles atributos gráficos por medio de una cascada de estilos.
En este mapa de divs se muestran las divisiones estructurales básicas del sitio. Se secciona principalmente en una cabecera (header), una barra de al lado (sidebar), un contenido (main) y un pie de página (Footer). Dentro de cada uno de estos divs se encuentran subsecciones que contienen otros elementos.
De esta manera se evidencia la ubicación de cada id y clase, permitiéndo facilitar el acceso y edición el código, comprendiendo con facilidad su estructura.
