title: Section, Article, or Div? and Smaller text in a section and article tag?
body: <p>Recently I went to w3schools <a href="http://www.w3schools.com/html5/html5_new_elements.asp" rel="noreferrer">New HTML5 Elements</a> and discovered the "section" and "article" tag. My question is when should you use a section, article or div tag and why does the text gets smaller when I use a section and article tag? Like so:</p>
  
  <pre><code>&lt;section&gt;&lt;h1&gt;H1 tag in a section tag&lt;/h1&gt;&lt;/section&gt;
  &lt;article&gt;&lt;h1&gt;H1 tag in an article tag&lt;/h1&gt;&lt;/article&gt;
  &lt;h1&gt;H1 tag in nothing&lt;/h1&gt;
  </code></pre>
  
  <p>Copy and paste in to <a href="http://htmledit.squarefree.com/" rel="noreferrer">here</a>. (Just putting it there for convenience) </p>