ordenacion con html5

[PedroDesing]

Hola amigos, estoy comenzando a adaptar mis webs a html5.

Voy con la primera duda, aunque aprovecharé este hilo para plantear algunas dudas extra que me han surgido en este mismo proyecto.

A ver, tengo una web, según el siguiente esquema:

http://img844.imageshack.us/img844/8...bsecciones.gif

El codigo de cada seccion es algo parecido a esto:

Código HTML:

<div id="contenedor-quienes-somos">
         <div id="contenido-quienes-somos">
                    contenido seccion
         </div>
</div> 

El div contenedor(div exterior), tiene un width del 100% para que se extienda todo el ancho de la pantalla y tiene el mismo color de fondo que el div contenido (div interior). de esta forma voi teniendo franjas de distintos colores que llegan hasta el limite de la pantalla.

Bien, ahora la pregunta, cuando pase esto a section, articles y demas, no tengo muy claro si el div contenedor deberia seguir siendo un div y lo de dentro un section, o al contrario....

Espero haberme explicado bien, y desde ya les aradezco cualquier ayuda que puedan darme.

Hasta pronto!!

[maycolalvarez]

es tema de CSS, reportado para que lo muevan al foro en cuestión.

además, por defecto todo DIV tiene un ancho 100%

[pablolombardo]

Tendrías que investigar bien la función de cada elemento. Un resumen muuuy general sería que

<article> define una composición independiente del resto del sitio, como lo puede ser este post.

Un <section> divide contenido dentro de una misma temática (como secciones dentro de un mismo artículo)

Y un <div> es un divisor sin semántica alguna.

En tu caso lo más lógico pareciese que el contenedor general debería ser un <div> y cada sección un <section>

Pero te repito que tenés que investigarlo bien porque no es tan sencillo.

Saludoss.

[PedroDesing]

Mmmm, muy interesante tu respuesta. Te diré que sí, cada día voy teniendo un poco más claro el tema. Cuando piense que más o menos lo tengo resuelto, colocaré el código básico para que podáis destriparlo un poco.

Muchas gracias!

[emprear]

Hay una tendenccia a creer que el uso de las etiquetas semánticas de html5 reemplazan la uitilización de divs, eso no es asi, dependiendo de cada esquema en particular, los divs, como auxiliares para el posicionamiento siguen siendo necesarios
ejemplo
http://foros.emprear.com/html5/ejercicio2.html

Desde ya que en un esquema muy basico como

Código HTML:

<section id="notas">
<h1>Seccíon notas</h1>
<article>
<h2>nota 1</h2>
<p>mmmmm</p>
</article>
<article>
<h2>nota 2</h2>
<p>mmmmm</p>
</article>
<article>
<h2>nota 3</h2>
<p>mmmmm</p>
</article>
<article>
<h2>nota 4</h2>
<p>mmmmm</p>
</article>
</section>
 

un div encerrando el section sería redundante, ya que podés posicionar el conjunto de <article> con css a través del id del section.
Si querés sacar más conclusiones, date una vuelta por el subforo de HTML5, dónde vás a encontrar discusiones como estas

http://www.forosdelweb.com/f175/html...antica-976225/

http://www.forosdelweb.com/f175/jugu...ar-2-a-977101/

http://www.forosdelweb.com/f175/tag-envoltorio-977563/

y unos cuantas más, son posts un poco densos, algunos dejan más dudas que precisiones, pero es muy recomendable la lectura (completa !!!) de los mismos, y a partir de ahi, sacar conclusiones propias

Saludos