HTML

Manejando capas

Estructuralmente una capa es un elemento que se utiliza para agrupar otros elementos, su etiqueta es <div></div>

Una de las principales utilidades de las capas, en cuanto al diseño y maquetación, es que se pueden utilizar para aplicar sobre ellas imágenes de fondo, bordes, formatos en forma de columna, etc.

En las páginas sencillas yo suelo definir varias capas:
<div id='cabecera'></div>
<div id='menu'></div>
<div id='contenido'></div>
<div id='base'></div>
las cuales están dentro de una capa <div id='cuerpo'></div> que agrupa a toda la página.

No hay que abusar de las capas, pero es muy útil agrupar las zonas de la página en varias de ellas para poder modificar su estilo global, por ejemplo; ampliar el alto de la cabecera, modificar el ancho del menú, cambiar los fondos, bordes, etc.