¿Es correcto encerrar las secciones con un div en HTML5?

  • Autor Autor ZyOps
  • Fecha de inicio Fecha de inicio
ZyOps

ZyOps

Dseda
Marketing
Hola que tal amigos de foro beta tengo el siguiente codigo dentro del body:

<div class="menu">
<header>

<figure ><img class="click" src="img/menu.png" alt=""></figure>
<nav class="menu">
<ul>
<li class="a"><a href="#">INICIO</a></li>
<li class="b"><a href="#">GALERIA</a></li>
<li class="c"><a href="#">PAQUETES</a></li>
<li class="d"><a href="#">CONTACTO</a></li>
<li class="e"><a href="#">POLITICAS</a></li>
</ul>
</nav>
</header>
</div>

<div class="contenido">

<section class="bienvenido">
<h1>ELEGANT</h1>
</section>


</div>




Mi duda es si es correcto encerrar los seccions con un "div" ya que por cuestiones de estética me da mejores resultados y se me facilita ordenar los seccions ¿Alguien que me diga si es correcto hacerlo? o los seccions en el body deben ir solos como etiquetas principales?, he leido que los div no tienen ningun peso semantico ante google y que solo sirven para enmaquetar asi que me imagino que no habría ningun problema o si?​
 
Hazlo al revés :s

HTML: 
<section class="contenido">

<div class="bienvenido">
<h1>ELEGANT</h1>
</div>


</section>
 
No puedo ya que hice algunos arreglos con el menú y si los seccions los dejo sin el "Div" se me enciman, y si los dejo con position relative se me ponen arriba del menu, le tengo que cambiar a position absolute, añadirle margin-top y si añado otro section se me ensima con el otro que tnia por el position absolute al menos que a este segundo section le vuelva a añadir position absolute y lo vuelva a añadir margin-top para separarlo del otro ¿Que me recomiendas hacer? añadirle position absolute al segundo section o dejarle el div que encierra todos los sections?
 
Yo haría lo siguiente:

<header>
<figure ><img class="click" src="img/menu.png" alt=""></figure>
<nav class="menu">
<ul>
<li class="a"><a href="#">INICIO</a></li>
<li class="b"><a href="#">GALERIA</a></li>
<li class="c"><a href="#">PAQUETES</a></li>
<li class="d"><a href="#">CONTACTO</a></li>
<li class="e"><a href="#">POLITICAS</a></li>
</ul>
</nav>
</header>

<section class="contenido">
<div class="bienvenido">
<h1>ELEGANT</h1>
</div>
</section>
 
No puedo ya que hice algunos arreglos con el menú y si los seccions los dejo sin el "Div" se me enciman, y si los dejo con position relative se me ponen arriba del menu, le tengo que cambiar a position absolute, añadirle margin-top y si añado otro section se me ensima con el otro que tnia por el position absolute al menos que a este segundo section le vuelva a añadir position absolute y lo vuelva a añadir margin-top para separarlo del otro ¿Que me recomiendas hacer? añadirle position absolute al segundo section o dejarle el div que encierra todos los sections?

- - - Actualizado - - -

Si hago eso que me dices, el section me queda arriba del menú
 
Prueba no especificando el position: relative y utiliza el float:left
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba