Diferencias entre <section> y <article>

[lgga]

Viendo bastantes tutoriales de html5 que hay desde el 2010, veo que en algunos se habla de <section> y en otros <article>, no he podido encontrar la diferencia entre estos, al parecer hacen lo mismo o me equivoco?

Bueno aprovecho para comentar este pequeño problema.

Código HTML:

<section id="intro">  
 
        <section id="bloque">
            <h1 >BIENVENIDO </h1>
<p>Ipsum lorem...............</p>
        <img src="images/welcome.png">
 
        </section>
           
</section>
 

La imagen parece que quedara "afuera" tanto de bloque como de intro, ya que tanto bloque como intro no se ajustan a la altura de la imagen, entonces por ejemplo, el texto abre intro en altura digamos que de 100px, pero la altura de la imagen es de 300px.