Check out example codes for "uses of div, section and article tag in html". It will help you in understanding the concepts better.

Code Example 1

<span> - used to stylize a very small part of text by CSS(Cascading Style Sheets).
   <div> - groups content, used mainly to add a class to a groups of different tags and apply CSS.
   <section> - groups related content, helps the  disabled people to communicate to the computer through the assistive technology , forexample: for the screen readers.etc
   <article> - groups independent, self-contained content, helps the  disabled people to communicate to the computer through the assistive technology , forexample: for the screen readers.etc

Code Example 2

<article>
  <h2>Article Header</h2>
  <section>
	<h3>Section Header</h3>
 	<p>Paragraph</p>
	<p>Paragraph</p>
	<p>Paragraph</p>
  </section>
  <section>
 	<h3>Section Header</h3>
	<p>Paragraph</p>
	<p>Paragraph</p>
	<p>Paragraph</p>
  </section>
</article>

Learn ReactJs, React Native from akashmittal.com