dudas al hacer una pagina con html5

DiifoOtz · #1 (**permalink**) 14/10/2012, 08:54

Hola buenas estoy tratandome de actualizarme de html 4.0 a html5 pero tengo unas pequeñas dudas.

Digamos que mi diseño que dicta que tengo que hacer un header que ocupe toda la pantalla como el de "foros del web". En esto no tendría problemas hacerlo mediante html 4.0 seria algo asi:

Código HTML:

Ver original<html>
<head><title></title>
</head>
<body>
 
<div id="header-wrapper">
      <div id="header">
            <div id="headings"></div>
            <div id="navigation"></div>
      </div>
</div>
 
</body>
</html>

y simplemente agregando en el css algo asi

Código CSS:

Ver original#header-wrapper {
width:100%;
height:90px;
background:#1a1a1a;
}
 
#header {
width:960px;
height:100%;
margin:0 auto;
}

pero segun en la sintaxis de html debo hacerlo asi ????

Código HTML:

Ver original<html>
<head><title></title>
</head>
<body>
 
<div id="header-wrapper">
      <header>
            <hgroup></hgroup>
            <nav></nav>
      </header>
</div>
 
</body>
</html>

y en el css simplemente cambiar cualquier cosa quedando asi ??

Código CSS:

Ver original#header-wrapper {
width:100%;
height:90px;
background:#1a1a1a;
}
 
header {
width:960px;
height:100%;
margin:0 auto;
}
 
hgroup {
width:33%;
height:100%;
float:left;
}
 
nav {
width:67%;
height:100%;
float:right;
}

Si esto es correcto por favor háganmelo saber ya que tengo que hacer un header que ocupe todo el ancho de la pantalla y a su vez que el contenido quede centrado asi esta correcto ??

maycolalvarez · #2 (**permalink**) 14/10/2012, 09:56

Recuerda que los nuevos tags en HTML 5 tienen un significado semántico, por lo cual puedes moldear cómo quieras con CSS, no te compliques, funcionan (la mayoría) tal cual un DIV y otros cómo elementos inline, sólo debes documentarte antes de usar cada uno, del resto es cómo sí trabajaras con HTML convencional.

Documéntate bien y aplica los nuevos elementos, prueba en los navegadores, tal cual cómo haces comúnmente, solo son nuevos componentes