Wrapper en HTML5

En la maquetación con capas, normalmente utilizamos capas envolventes (que solemos identificar como div#wrapper) para agrupar todo el contenido

Solíamos definir algo así:

body {margin: 0 auto;}
wrapper {width: 1024px;}

En HTML5 ha cambiado el uso de ciertos elementos. Lo normal, para guardar una coherencia semántica, será utilizar el atributo <div /> sólo cuando el contentido no encaje como section, article, etc…

Sin embargo podemos utilizar <body /> como wrapper, dando un color de fondo a la etiqueta <html />, para luego estructurar el contenido

html {background-color: #000;}
body { background-color: #fff; margin: 0 auto;  width: 1024px;}
Gotardo González
Nací en Granada en 1983 pero desde hace un tiempo vivo en tierras extremeñas. Desde hace unos años soy desarrollador de aplicaciones web y actualmente trabajo como freelance.

1 Comment

Comments are closed.