Todo esto lo dice la documentacion oficial
Div
http://www.w3.org/html/wg/drafts/htm...he-div-element
dice que no tiene significado, y esta destinado al CSS
Hay que tener sentido comun, div es transparente
Article
Es para un contenido util
Por ejemplo un post de un foro, uno mismo lo podria copiar y ponerlo en la web personal
Un comentario de un blog, a veces son muy utiles y pasa lo mismo
Un articulo de una revista, es informacion de interes publico
Por ejemplo utilizaste article para los botones sociales
Debemos hacernos una pregunta, este contenido es util para las personas de tal forma que lo copiarian para redistribuirlo?
Creo que nadie redistribuiría unos botones sociales
Lo mismo pasa con el article que utilizaste para la informacion de contacto, no es informacion util por asi decirlo.
section
section es un simple contenedor pero hay restricciones
El contenido de section debe estar en el outline por si solito
Es decir teniamos un contenido en el outline y unicamente vino section a envolver dicho contenido
precisamente section vino a hacernos la vida mas facil con el outline, porque la forma anterior era un poco confusa, busca informacion acerca de esto para que te quede mas claro
Section es para un tema, no metas varios
Section puede contener subsections pero entre todos forman un solo tema
el elemento <main> vendria bien, en la imagen 2 es donde lo podrias utilizar
figure no veo donde puedas utilizarlo
Aqui una breve explicacion de este elemento
http://www.forosdelweb.com/f4/duda-s...8/#post4578989
El nav puede estar dentro o fuera del header
El elemento <header> esta destinado a hacer el codigo mas facil de leer, lo mismo sucede con footer
Para que digamos "aqui esta el header y por aca el footer, facil n_n"
No es algo logico mas que nada depende de tu diseño, el elemento header/footer no introduce una seccion asi que
Si el nav esta afuera o adentro es exactamente lo mismo, y eso lo dice tambien la w3c
saludos