Tengo una duda la cual no he podido aclarar, estoy haciendo un diseño que quiero que el fondo del header se repita en todo el ancho del la pagina, sea cual sea el tamaño de la ventana, mi duda es, que tan correcto es usar un div como "wrapper" y otro dentro de este (que es el que repetiria la imagen de fondo en todo el ancho) un "header-background" y despues usar etiquetas semanticas dentro de estos.
por ejemplo:
Código:
<!DOCTYPE html>
<html lang="es">
<head>
</head>
<body>
<div id="wrapper">//este ocuparia todo el ancho y alto de la pagina
<div id="header-background">//este repetiría el fondo del header a todo el ancho de la pagina.
<header>
<h1>titulo del sitio.. etc</h1>
</header>
<nav>//aqui el nav por que mi menu esta dentro del header
//aqui los menus
</nav>
</div>
<section>
//aqui contenido etc
</section>
<div id="footer-background">//este div contiene el fondo que se repite al lo ancho de la pagina
<footer>
//aqui el contenido del footer
</footer>
</div>
</div>
</body>
</html>
Funciona, pero quisiera saber que tan correcto es, y si no desaprovecho las bondades de HTML5 usando divs con etiquetas semanticas.
De antemano gracias.