[SOLUCIONADO] etiquetas <header> y <nav>

[gusno]

Hola.
Queria saber si las etiquetas <header> y <nav> estan correctamente colocadas en este codigo. Esta realizado con bootstrap.

Código:

<div class="container-fluid">
            <header>
            <div class="header row-fluid">
                <div class="span12">
                    <div class="navbar">
                        <div class="navbar-inner">
                            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </a>
                            <h1>
                                <a class="brand" href="<?php echo BASE_URL;?>"> siglo XXI ...</a>
                            </h1>
                            <nav>
                            <div class="nav-collapse collapse">
                             
                                <ul class="nav pull-right">

                                    <?php if (isset($_layoutParams['menu'])): ?>
                                        <?php for ($i = 0; $i < count($_layoutParams['menu']); $i++): ?>
                                            <?php if ($item && $_layoutParams['menu'][$i]['id'] == $item):?>
                                            <?php $_item_style = 'current-page';?>
                                            <?php else :?>
                                            <?php $_item_style = '';?>
                                            <?php endif;?>

                                            <li class="<?php echo $_item_style; ?>"> <a class="transition" href="<?php echo $_layoutParams['menu'][$i]['enlace']; ?>">
                                                    <i class="<?php echo $_layoutParams['menu'][$i]['icono']; ?>"></i><br><?php echo $_layoutParams['menu'][$i]['titulo']; ?></a></li>

                                        <?php endfor; ?>
                                    <?php endif; ?>
                                </ul>
                            </div>
                           </nav>
                        </div>
                    </div>
                </div>
            </div>
            </header>
        </div>

[pzin]

Si en principio está bien, no veo nada de malo. ¿Por qué dudas?

[memoadian]

pues en realidad si, aunque bien podria estar el nav a fuera del header.

La idea es que el header, contenga el titulo de la web y la descripción, y que nav se aun menu, no necesariamente el principal.

si dudas por que estás usando bootstrapp con todos esos divs extras estructurales, no hay problema.

[gusno]

Ok.
Gracias por las respuestas.
Dudaba porque para un simple header, bootstrap te obliga a usar un monton de divs que no son semanticos y si la idea de las etiquetas html5 es darle mas metainformacion a los robots y no abusar de los divs ...

[gusno]

Me olvidaba.
Memoadian dices que el header tambien debe incluir la descripcion.
¿Esa funcion no la cumple el

Código:

<meta name="description" content="">

?
¿Como hago eso de meter la descripcion en el header?
¿con un simple <p>, o utilizarias mejor :

Código:

<header>
    <hgroup>
      <h1>Aqui meto el titulo</h1>
      <h2>Aqui meto la descripcion</h2>
    </hgroup>

?

[memoadian]

eso depende de ti, cuando digo descripción no es el meta, para un buen seo, generalmente se usa la descripción así

h1 -> descripcion del sitio
h2 -> El titulo

aunque no lo creas, eso recomiendan los seos

el h1, es por como quieres que encuentren tu web por ejemplo, perros de raza pura

y el h2 para el titulo por ejemplo Canis

también esta bien como lo pusiste.

Otra cosa, el hgroup ya esta obsoleto. No se usará más así que no es necesario.

Bootstrap usa todas esos divs extras por estructura, no por semántica, así que no intervienen. Puedes cambiarlos por section, header, nav, span, etc. cuando pienses que es mejor.

[pzin]

Iniciado por gusno

Dudaba porque para un simple header, bootstrap te obliga a usar un monton de divs que no son semanticos

No, los div no son elementos semánticos, pero por usar muchos tu página no va a dejar de ser semántica. Es simplemente un elemento sin significado alguno.
div significa división —del inglés division (me lo curro ¿eh? )— y sirve justamente para eso, para elementos de bloque sin significado semántico.

Tal vez puedas quitar alguna de esas divisiones, cambiando por ejemplo:

Código HTML:

<header>
  <div class="header row-fluid">
 

por

Código HTML:

<header class="header row-fluid">
 

Y luego lo mismo con nav:

Código HTML:

<nav>
  <div class="nav-collapse collapse">
 

Código HTML:

<nav class="nav-collapse collapse">
 

[gusno]

Me ha quedado claro.
Gracias pzin y memoadian.