Kapan menggunakan elemen SECTION?

8

Saya agak bingung dengan elemen HTML5 baru <section>,. Apa cara yang benar untuk menggunakannya?
Pertimbangkan garis besar ini:

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

Apakah masuk akal?
Bagaimana jika saya memiliki artikel yang lebih kecil, hanya dengan judul dan teks singkat? Apakah (semantik, khusus, dll.) Untuk menghilangkannya section?

Lalu
sumber

Jawaban:

2

Jika Anda tidak memerlukan bagian (memiliki artikel kecil), Anda dapat menggunakan <article>entitas kosong di sekitar konten Anda. Dan ketika Anda tidak melakukannya, bagian ini dapat membungkus sub-judul dan paragraf di bagian tersebut.

Lihat spesifikasi bagian html5 .

Contoh:

<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>
JasonBirch
sumber
4

Saya pikir Anda akan menemukan Dive Into HTML5 , buku yang sedang berjalan, sumber yang bagus. Berikut adalah bagian yang relevan tentang kapan dan bagaimana menggunakan elemen semantik baru . Sebagai contoh Anda, saya pikir Anda mungkin dapat menghilangkan <section>tag.

Virtuosi Media
sumber
+1 terima kasih untuk artikel tentang elemen semantik. Mudah dibaca.
Saif Bechan