HTML5

Hola! Estoy haciendo una página web utilizando HTML5 y CSS3. He estado buscando información sobre HTML5 y quiero hacer las cosas bien. La duda que tengo surge a la hora de organizar los contenidos según la manera que se ha introducido nueva.
Concretamente mi problema viene a la hora de distribuir los contenidos, hay algunas cosas claras, como los que van en <header>, <nav>, <footer>... el problema viene que no sé cuándo utilizar <article> y cuándo utilizar <section> he leído en distintas fuentes y cada uno dice una cosa.

Esto es independiente a la estructura de la web (que da lo mismo cuál de los dos use, mientras esté bien echo formalmente en CSS3), pero ya que estoy utilizando este nuevo estándar querría hacerlo bien.

A ver si alguno me podéis echar una mano, pasarme una fuente "fiable" o algo así. Gracias!

PD: no sabía muy bien dónde poner este hilo, así que si me he colado que alguien me haga el favor de moverlo.

EDITO (para añadir algo más de información):
Estas son las dos corrientes que se están siguiendo:
-Por un lado, la más extendida y comentada por la mayoría de los bloggers:
Imagen

-Por otro lo que dicen en la web de la W3C:
*The section element represents a generic document or application section. A section, in this context, is a thematic grouping of content, typically with a header and possibly a footer.
*The article element represents an independent section of a document, page, or site. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, or any other independent item of content.
Yo tenía entendido que, por ejemplo en un blog, article es el post y sections son los comentarios, los pingbacks y el formulario para comentar.

La definición de la W3C me no lo aclara mucho ^^
Hasta hace poco HTML5 solo tenía un borrador, no he leído noticia alguna que diga que ya lanzaron la primera especificación oficial. Si no estoy atrasado en noticias te recomiendo que no lo lo uses aun, pueden cambiar cualquier cosa de lo que hagas y al final tendrás que corregir.
Yo tampoco te recomendaría utilizarlo. Si quieres una transición fácil y ya que por lo visto tienes intención de hacer las cosas bien, diseña tu layout bajo XHTML 1.0 Strict y CSS 2.1 y valídalos con el validador W3C. En CSS puedes validarlo primero y luego añadir propiedades de CSS 3, bien no implementadas oficialmente o bien con una implementación irregular, como por ejemplo el -moz-border-radius y equivalentes, sombreados y todo eso.
3 respuestas