When to make use of SECTION component?

I'm a little bit perplexed by the new HTML5 component, <section>. What is the proper means to utilize it?
Consider this synopsis:

<article>
  <header>
    <h2>Title</h2>
    <p>Spiffy tagline</p>
  </header>
  <section>
    <p>My content! BLA BLA BLA YADDA YADDA</p>
    <p>Some more content!</b>
  </section>
</article>

Does it make good sense?
What happens if I had smaller sized write-ups, with simply a title and also a quick message? Would certainly it be (semantically, spec-wise, and so on) to leave out the section?

0
2019-05-04 04:35:38
Source Share
Answers: 2

I assume you'll locate Dive Into HTML5, a publication underway, a wonderful source. Below's a pertinent area on when and how to use new semantic elements. For your instance, I assume that you might have the ability to leave out the <section> tag.

0
2019-05-07 19:16:47
Source

If you do not require areas (have tiny write-ups ) you can simply make use of a bare <article> entity around your web content. And also when you do not, the area can cover sub-titles and also paragraphs in those areas.

Look into the html5 section specs.

Instance :

<header>
  <h1>Blog Posts</h1>
</header>
<article>
  <header>
    <h1>Article Header</h1>
    <h2>My Awesome Stuff!</h2>
  </header>
  <p>My content! BLA BLA BLA YADDA YADDA</p>
  <p>Some more content!</b>
</article>
<article>
  <header>
    <h1>Article 2 Header</h1>
    <h2>More of My Awesome Stuff!</h2>
  </header>
  <section>
    <header>
      <h1>Getting started</h1>
    </header>
    <p>Getting started text</p>
  </section>
  <section>
    <header>
      <h1>Now you're underway</h1>
    </header>
    <p>Underway text</p>
  </section>
  <section>
    <header>
      <h1>Wrapping up</h1>
    </header>
    <p>Wrapping up text</p>
  </section>
</article>
0
2019-05-07 19:03:59
Source