Foros del Web » Creando para Internet » HTML »

Que tan correcto es usar esto en HTML5?

Estas en el tema de Que tan correcto es usar esto en HTML5? en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/12/2011, 19:22
 
Fecha de Ingreso: octubre-2011
Mensajes: 20
Antigüedad: 12 años, 5 meses
Puntos: 2
Que tan correcto es usar esto en HTML5?

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.
  #2 (permalink)  
Antiguo 19/12/2011, 20:43
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 15 años, 7 meses
Puntos: 187
Respuesta: Que tan correcto es usar esto en HTML5?

Mi humilde opinión es la siguiente:

--> De ser posible usaría el siguiente marcado:
Código HTML:
Ver original
  1. <header><!--dentro del wrapper, este llevaria el fondo-->
  2.              <h1>titulo del sitio.. etc</h1>
  3.              <nav><!--aqui el nav por que mi menu esta dentro del header-->
  4.                    
  5.              </nav>

Me parece lo más semtantico, pero en el caso de que sea necesario por cuestiones de diseño introducir un div intermedio, cambiaría el nombre de la clase: en lugar de "header-background" que está orientada a su estilo, la nombraría "header-container" que esta enfocado a su signifcado.

Finalmente porque pondría el "nav" dentro del "header" porque de acuerdo al WHATWG():
Cita:
The header element represents a group of introductory or navigational aids.
Fuente: http://www.whatwg.org/specs/web-apps...header-element

Entonces, tu header introduciría el sitio y asistiría a la navegación tal cual dice la definición.

Saludos
  #3 (permalink)  
Antiguo 20/12/2011, 00:24
 
Fecha de Ingreso: octubre-2011
Mensajes: 20
Antigüedad: 12 años, 5 meses
Puntos: 2
Respuesta: Que tan correcto es usar esto en HTML5?

Gracias no me habia fijado en eso, otra duda que tengo es, en el capitulo de mejorando.la de introduccion a HTML5 @freddier dijo que los floats ya no eran necesarios, que se usaba inline-block, como es esto?, como puedo mover secciones sin floats?, por el momento uso display: inline-block; y position(top,left) y me ha funcionado, pero es a lo que se referia @freddier?

Etiquetas: divs, html5, semantica
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:06.