desenv-web-rp.com

Quando usar o elemento SECTION?

Estou um pouco confuso com o novo elemento HTML5, <section>. Qual é a maneira correta de usá-lo?
Considere este esboço:

<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>

Isso faz sentido?
E se eu tivesse artigos menores, com apenas um título e um texto breve? Seria (semanticamente, especicamente, etc.) omitir o section?

8
Agos

Se você não precisa de seções (tem artigos pequenos), pode usar apenas uma entidade <article> ao redor do seu conteúdo. E quando não o fizer, a seção poderá agrupar subtítulos e parágrafos nessas seções.

Confira as especificações da seção html5 .

Exemplo:

<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>
2
JasonBirch

Acho que você encontrará Dive Into HTML5 , um livro em andamento, um ótimo recurso. Aqui está uma seção relevante sobre quando e como usar novos elementos semânticos . Para o seu exemplo, acho que você pode omitir a tag <section>.

4
Virtuosi Media