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;}

About 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.


One comment on “Wrapper en HTML5

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">